#GOOGLE CAST HELP HOW TO#
#GOOGLE CAST HELP INSTALL#
#GOOGLE CAST HELP ANDROID#
#GOOGLE CAST HELP CODE#
#GOOGLE CAST HELP BLUETOOTH#

Select the app-start directory from your sample code download.

Now you're ready to build on top of the starter project using your favorite text editor:

a receiver app runs on the Google Cast device.a sender app runs on a mobile device or laptop,.

Here are some Google Cast terminology that we will be using in this codelab:

We need to add support for Google Cast to the start app you downloaded. Click on the play button in the video element to continue playing the video again.Ĭlick on the Cast button to stop casting to the Google Cast device.

The video will start playing on your Google Cast device.Ĭlick on the pause button in the video element to pause the video on the receiver.

Select a video, click on the play button.

Click the Cast button and select your Google Cast device.

In your browser, visit the https URL for the sample you hosted. Once you have the service of your choice set up, navigate to app-done and start your server. If you don't have a server available to use, you can use Firebase Hosting or ngrok. To be able to use the completed, it needs to be hosted. The user can select a video from a list and can then play the video locally on the device or Cast it to a Google Cast device.

app-done-The complete code for the finished sample video app.įirst, let's see what the completed sample app looks like.

app-start-The starting code that you'll build upon in this codelab.

The cast-videos-cast codelab repository contains two sample projects: You can download all the sample code to your computer. How will you use this tutorial? Read it through only Read it and complete the exercises How would you rate your experience with building web apps? Novice Intermediate Proficient How would you rate your experience with watching TV? Novice Intermediate Proficient If you are in a location where the WiFi network isn't reliable, then the Chromecast device can be wired by using an ethernet adapter for Chromecast or for Chromecast with Google TV.

You will also need previous knowledge of watching TV :).

You will need to have previous web development knowledge.

If you do not have one, feel free to skip the Add Cast Connect Support step, towards the end of this tutorial.

A Chromecast with Google TV is required to test Cast Connect integration but is optional for the rest of the Codelab.

#GOOGLE CAST HELP ANDROID#

A Google Cast device such as a Chromecast or Android TV configured with internet access.HTTPS hosting service such as Firebase Hosting or ngrok.

#GOOGLE CAST HELP HOW TO#

How to connect to a Cast device and launch a media receiver.

How to add the Cast button for selecting a Google Cast device.

How to add the Google Cast SDK to a sample video app.

When you have completed this codelab, you will have a Chrome web video app that will be able to Cast videos to a Google Cast device. The Google Cast Design Checklist is provided to make the Cast user experience simple and predictable across all supported platforms. The Cast SDK allows you to add the necessary UI components based on the Google Cast Design Checklist. The Google Cast SDK lets you extend your app to control a TV or sound system. Users can then use their mobile device as a remote control for media playback on the TV. Google Cast allows users to cast content from a mobile device to a TV.

At the top left of the Google Home app home screen, tap Add Set up device New device.This codelab will teach you how to modify an existing web video app to cast content on a Google Cast-enabled device.

If you can't find the steps to set up your Chromecast:.

Look for something like ChromecastXXXX.b.

Connect to the Wi-Fi network that matches your Chromecast Built-In TV.

Tap your iPhone's Home button tap the settings app Wi-Fi.

#GOOGLE CAST HELP BLUETOOTH#

If you don't want to turn on Bluetooth for setup:.

You can swipe up from the bottom of your home screen to turn on Bluetooth.

Highly recommended: If you don’t have Bluetooth turned on, the Google Home app will ask you to turn on Bluetooth to help improve the setup process.

Bluetooth: If you already have Bluetooth turned on, you can skip to the next step.

#GOOGLE CAST HELP INSTALL#

Install the Google Home app by downloading the Google Home app on your Chromecast-supported iOS device.

Make sure that your phone or tablet is connected to the same Wi-Fi network as your Chromecast Built-In TV or display.

Google cast help