SlideDeck.io – A repository of great HTML presentations
Chromecast Lightningbag – – Overview
View Github Repository
Open presentation in a new window
tonybergeron
See all presentation from tonybergeron
Chromecast Lightningbag – – Overview
0
0
ChromecastBrownbag
Presentation on getting started with Chromecast Development
On Github
tonybergeron / ChromecastBrownbag
Chromecast Lightningbag
Tony Bergeron
Overview
Communication
Creating an App
Notes Example
Communication
Chromecast is the middle man between the Sender and the Receiver
Communicates locally with device over wifi
Fetches content from the cloud*
Sender App
Android, iOS or Chrome App
Receiver App
HTML5/JavaScript Webapp
Comparison to Other Products
Chromecast
Device tells Chromecast what to display
Chromecast Streams/Fetches the content from the cloud*
AirPlay
Content is streamed through the device
Display is Extended/Mirrored of the device
Miracast
Mirrors the display of the device
Communication Diagram
How we get connected: DIAL
DIscovery And Launch
Automatically hunts for available devices
Handles the pairing process between sender/receiver app
[2] Device clicks "Cast" from app
[1] DIAL Receiver launches appropriate receiver app
Creating your first Castable App
Create a Sender App
Chrome
Android
iOS
Create a Receiver App
HTML5/JavaScript
Publish your app:
https://cast.google.com/publish/
Lifecycle
Cast Send App Info Get App Info App Location Initialize Receiver Connection
Debugging
http://[chromecast-local-address]:9222
Use Router or Chromecast manager to get the IP
http://:9222
Go
Demo
Hello Cast
Sender API: Chrome
Chrome API
chrome.cast.Session
sendMessage
Receiver API
Receiver API
cast.receiver.CastReceiverManager
getSender
getSenders
getCastMessageBus
cast.receiver.CastMessageBus
send
broadcast
Followup
https://developers.google.com/cast/
https://github.com/googlecast
http://www.dial-multiscreen.org/
end