Cast your app to the big screen: Google Cast Android API
- 1. Cast your app to the Big Screen Presented by: Amir Noel Google Cast Android API
- 2. About Me ● Background: Java Server Side, Javascript ● Android Hobbyist
- 3. Outline ● Overview ● Chromecast Introduction ● Why cast enable your App? ● App Components ● Cast Receiver ● Cast Sender ● Sample App ● Device Debugging ● App Design Checklist ● Q&A
- 4. What is Google Cast? Google Cast Sender Google Cast Receiver
- 5. Chromecast ● Takes advantage of the power you already have in your hand ● Device that works on any HDTV ● Low power consumption, can be powered by TV ● HDMI CEC for better integration with TVs and user control ● Small footprint that make it invisible behind the TV ● Extremely affordable ($35)
- 6. Terminology ● Google Cast is the technology ○ Chromecast is a device that supports Google Cast ● The Google Cast sender application refers to an app running on a mobile device or laptop that can connect to a Google Cast device ● The Google Cast receiver application refers to an HTML application running on Chromecast or other Google Cast receiver device ● Casting is the act of displaying media on a Google Cast device
- 7. Why Cast Enable Your App? ● American spend +5 hours on TV ● Increasing Mobile Media consumption ● Broad Market Penetration of Cast Receivers
- 8. Phone vs TV ● 17 inch - personal experience ● 10 foot - large comfortable viewing, shared experience vs
- 9. How does it Work? Google Cast Sender Google Cast Receiver Session Initialization Stream ing C ontent Stream ing Content Device Discovery
- 10. Getting Started with Google Cast ● Receiver Application ○ HTML5 ○ CSS ○ Javascript ● Register Application ● Sender Application ○ Chrome ○ iOS ○ Android
- 11. App Registration
- 13. Receiver Apps ● Styled Media Receiver ● Custom Receiver ● Default Media Receiver
- 14. Receiver Apps - Styled Media Receiver
- 15. Receiver Apps - Custom Receiver
- 16. Basic Custom Receiver App <!DOCTYPE html> <html> <body> <script type="text/javascript" src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script> <script type="text/javascript"> window.onload = function() { window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance(); // initialize the CastReceiverManager with an application status message window.castReceiverManager.start({statusText: 'Application is starting'}); }; </script> </body> </html>
- 17. Receiver Messaging ● cast.receiver.CastMessageBus Communication with all senders using a namespace ● cast.receiver.CastChannel Communication with an individual sender (Point-to-Point for a given namespace)
- 18. Android Sender App Prerequisites ● Android SDK Manager ● Android Support Libraries ● Google Play Services SDK (9.2.0 or later)
- 20. Android Cast Integration ● Obtain and Initialize the CastContext ● Add a Cast Button ● Implement OptionsProvider ● Implement a SessionManagerListener to monitor for session events ● Register the SessionManagerListener with SessionManager ● Optionally setup a Message Channels between Sender and Receiver
- 22. The Cast Button
- 25. Time to Dive In
- 26. Chromecast Device Debugging ● Receiver App and Device must both be registered in Developer Console ● Start a cast session between sender and receiver ● Open Chrome Browser and enter chrome://inspect ● Select Device for the receiver app by clicking Inspect ● Enable debug logging by entering cast.receiver.logger.setLevelValue(cast.receiver.LoggerLevel.DEBUG);
- 27. Google Cast Design Checklist ● Your app is the remote ● It’s a Shared Experience ● It’s Cross Platform
- 28. Coming Soon... ● Cast support coming to Daydream 2.0 Euphrates update ● Cast support coming to Google Home
- 29. References Documentation: https://developers.google.com/cast/docs/developers Samples: https://github.com/googlecast Developer Console: https://cast.google.com/publish/ Design Checklist: https://developers.google.com/cast/docs/design_checklist/ G+ Google Cast Developer Community: https://goo.gl/TPLDxj
- 30. Questions
- 31. Where to find me ● Twitter - @amirdnoel ● GitHub - https://github.com/goldengoose ● Blog - http://www.amirnoel.com
- 32. Thank You!