Downloaded 10 times
![<script>
//[3] handle the payload from the sender
function process(json){
console.log('received: ' + json.url);
document.getElementById("image").src= json.url;
}
//[1] get a handle to the receiver manager
window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance();
castReceiverManager.onSenderDisconnected = function(event) {
console.log('disconnected: ' + event.data);
if (window.castReceiverManager.getSenders().length == 0) { //close the app if we have no more connected devices
window.close();
}
};
//[2] create a CastMessageBus to handle messages for a custom namespace
window.messageBus = window.castReceiverManager.getCastMessageBus('urn:x-cast:com.peirr.localcast');
window.messageBus.onMessage = function(event) {
var json = JSON.parse(event['data']); //decode the request from sender app
window.sender = event.senderId;
process(json);
}
//[4]start the listener
window.castReceiverManager.start();
</script>](https://image.slidesharecdn.com/chromecast-160421162142/85/Developing-for-Chromecast-on-Android-16-320.jpg)
Uploaded byKurt Mbanje
Developing for Chromecast on Android
The document discusses developing applications for Chromecast using the Cast Companion Library (CCL). There are two main components - a sender application running on a mobile/laptop and a receiver application running on the Chromecast. The receiver application can be a Custom Media Receiver, Styled Media Receiver, or use the Default Media Receiver. It provides examples of initializing CCL in an Android sender app, adding the media route button, and sending data messages to a custom receiver namespace.
Developing for Chromecast on Android
- 1. Developing for Chromecast CastCompanion Library & Custom Receiver Application
- 2. Kurt Mbanje @ckurtm /peirr.com
- 3.
- 6. How does itwork?
- 7. • Sender application Twocomponents Applications running on a mobile device or laptop • Receiver application (HTML, JavaScript , CSS) app running on a Chromecast or other cast compatible device.
- 8. • Sender application Twocomponents Applications running on a mobile device or laptop • Receiver application (HTML, JavaScript , CSS) app running on a Chromecast or other cast compatible device.
- 9.
- 12. • Custom MediaReceiver 3 Types of receivers Requires application id , DRM Content, Data centric apps • Styled Media Receiver Can be styled with CSS files, requires application id • Default Media Receiver Does not require application id, can use CastMediaControlIntent.DEFAULT_MEDIA_RECEIVER_APPLICATION_ID in your sender if using CCL
- 13.
- 14.
- 15. Simple Custom Receiver <head> <title>LocalCast</title> <scriptsrc="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script> <link rel="stylesheet" href="receiver.css"/> </head>
- 16. <script> //[3] handle thepayload from the sender function process(json){ console.log('received: ' + json.url); document.getElementById("image").src= json.url; } //[1] get a handle to the receiver manager window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance(); castReceiverManager.onSenderDisconnected = function(event) { console.log('disconnected: ' + event.data); if (window.castReceiverManager.getSenders().length == 0) { //close the app if we have no more connected devices window.close(); } }; //[2] create a CastMessageBus to handle messages for a custom namespace window.messageBus = window.castReceiverManager.getCastMessageBus('urn:x-cast:com.peirr.localcast'); window.messageBus.onMessage = function(event) { var json = JSON.parse(event['data']); //decode the request from sender app window.sender = event.senderId; process(json); } //[4]start the listener window.castReceiverManager.start(); </script>
- 17.
- 18. • Development • Publishto any server & add endpoint to cast console • Debug http://RECEIVER-IP-ADDRESS:9222 • Production Server has to be secure (https://<yourserver>) • Google Cast SDK Developer Console https://cast.google.com/publish/ Publishing
- 19. • Development • Publishto any server & add endpoint to cast console • Debug http://RECEIVER-IP-ADDRESS:9222 • Production Server has to be secure (https://<yourserver>) • Google Cast SDK Developer Console https://cast.google.com/publish/ Publishing
- 20. • Development • Publishto any server & add endpoint to cast console • Debug http://RECEIVER-IP-ADDRESS:9222 • Production Server has to be secure (https://<yourserver>) • Google Cast SDK Developer Console https://cast.google.com/publish/ Publishing
- 21.
- 23.
- 24.
- 25. compile "com.android.support:mediarouter-v7:23.3.0" compile 'com.google.android.gms:play-services-cast:8.4.0' compile'com.google.android.libraries.cast.companionlibrary:ccl:2.8.3'
- 26.
- 27.
- 28.
- 30. Initialize CastConfiguration options =newCastConfiguration.Builder("84B70D9D") .enableAutoReconnect() .enableDebug() .build(); DataCastManager.initialize(this,options);
- 31. Cast Button <item android:id="@+id/action_cast" android:title="@string/action_cast" app:actionProviderClass="android.support.v7.app.MediaRouteActionProvider" app:showAsAction="always"/> @Override public booleanonCreateOptionsMenu(Menu menu){ super.onCreateOptionsMenu(menu); getMenuInflater().inflate(R.menu.menu,menu); DataCastManager.getInstance().addMediaRouterButton(menu,R.id.action_cast); return true; }
- 32. Send data toReceiver Application JSONObject obj = new JSONObject(); String url = "http://"+ info.ip + ":" + info.port + "/" + item.getFile().getAbsolutePath(); Log.d(TAG, "casting: " + url); try { obj.put("url",url); DataCastManager.getInstance().sendDataMessage(obj.toString(),"urn:x- cast:com.peirr.localcast"); } catch (JSONException|IOException e) { e.printStackTrace(); }
- 33.