pasobjewish.blogg.se - Google chromecast setup laptop

Google chromecast setup laptop how to#
Google chromecast setup laptop install#
Google chromecast setup laptop android#
Google chromecast setup laptop code#
Google chromecast setup laptop tv#

If you notice it doesn't, try killing and restarting http-server. Note, as you're working through this codelab, http-server should be picking up changes you make.

Run the app using http-server and ngrok and explore the UI.

Google chromecast setup laptop code#

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. Go to the terminal with ngrok running and kill the process with: CTRL-C Go to the terminal with http-server running and kill the process with: CTRL-C We need to stop the server, before we move on. 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 returned from ngrok. Any changes you make locally will be instantly available. You should keep both ngrok and http-server running for the duration of the codelab. This will setup an ngrok tunnel to your local HTTP server, assigning you a globally available HTTPS secured endpoint you can use in the next step (): ngrok by (Ctrl+C to quit) Notice the local port used and do the following in a new terminal to expose your local sender over HTTPS using ngrok: (8080 should be the port from http-server) ngrok http 8080 You should then see something like the following: Starting up http-server, serving. If you're using http-server, go to your console, and do the following: cd app-done

Google chromecast setup laptop install#

You may install node.js, the http-server and ngrok node module. If you don't have any server available to you, don't fret. 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.

Google chromecast setup laptop tv#

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

You will need to have previous web development knowledge.

See the iOS codelab about converting an iOS video app to be Cast-enabled. The Google Cast SDK is also supported on iOS version 9 or later.

Google chromecast setup laptop android#

See the Android codelab about converting an Android video app to be Cast-enabled. The Google Cast SDK is also supported on Android Jelly Bean (SDK level 16) or later. 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.

A Google Cast device such as a Chromecast or Android TV configured with internet access.

Google chromecast setup laptop 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. This codelab will teach you how to modify an existing web video app to play content on a Google Cast device.