Chromecast

Ascii (KKBOX)

About Google Cast

Sender Receiver

About Google Cast

About Google Cast

About Google Cast• Ascii の Chromecast

aCommon Errors

No Cast Devices Found

Debug Console 404http://<cast-device-ip>:9222

About Google Cast• Sender Apps

– Chrome Sender– Android Sender– iOS Sender

• Receiver Apps– Default Media Receiver– Styled Media Receiver (Demo)– Custom Receiver (Demo)

Register Your Application• Google Cast SDK Developer Console ($5.00)

– https://cast.google.com/publish

• Default Media Receiver (CC1AD845)– DEFAULT_MEDIA_RECEIVER_APPLICATION_ID

• Styled Media Receiver (App ID <-> CSS URL)– HTTPS Styled Receiver Media Skin URL (.css)

• Custom Receiver (App ID <-> Web App URL)– HTTPS Receiver App URL (.html)

Styled Media Receiver

Resolutionwidth=“768” xwidth=“40%” o

Android Cast SDK• ADT

– Install & Copy Support Libraries– Install & Copy Google Play Service SDK

• Android Studio– build.gradle– com.android.support:mediarouter-v7:19.1.+– com.google.android.gms:play-services:4.4.52

• KKBOX Love Android Studio

Android Cast SDK• MediaRouterButton

– Receiver app must published– Use “CC1AD845” to Test

• RemoteMediaPlayer.load• Cast.CastApi.sendMessage

Android Cast SDK• Sender

– RemoteMediaPlayer.load

• Receiver (Demo)– window.mediaElement =

document.getElementById(‘player');– window.mediaManager = new

cast.receiver.MediaManager(window.mediaElement);– window.mediaManager.onLoad

Android Cast SDK• Sender

– Cast.CastApi.sendMessage

• Receiver (Demo)– window.castReceiverManager =

cast.receiver.CastReceiverManager.getInstance();– window.messageBus =

window.castReceiverManager.getCastMessageBus('urn:x-cast:com.ascii.castpractice');

– window.messageBus.onMessage

Q&A• Demo Code

– git@github.com:AsciiHuang/CastPractice.git• Google Receiver Sample Code

– https://github.com/googlecast• Google I/O 2014

– http://goo.gl/3cHTNA