the chromecast's guide to the galaxy

31
The Chromecast’s Guide to the Galaxy

Upload: roc-boronat

Post on 15-Jan-2015

1.461 views

Category:

Software


4 download

DESCRIPTION

Chromecast is a big change for mobile developers’ lifes. For the first time, it will be easy for you to connect to a second screen and share more devices at the same time. I willl introduce you to the Cast SDK but don't panic and don't forget the towel!

TRANSCRIPT

Page 1: The chromecast's guide to the galaxy

The Chromecast’s

Guide to the Galaxy

Page 2: The chromecast's guide to the galaxy

Hem fet això:

Page 3: The chromecast's guide to the galaxy

Som uns experts.

The expert: http://youtu.be/BKorP55Aqvg

Page 4: The chromecast's guide to the galaxy

Chromecast expectativa

És una cosa amb Android M’hi podré connectar des del mòbil i enviar media Serà com la tele SmartTV de l’Esteve

Page 5: The chromecast's guide to the galaxy

Chromecast preguntes

Haurem de programar un nou APK? Té .APK’s a dintre? Es podràn baixar apps de Google Play? Funcionarà amb tots els mòbils?

Page 6: The chromecast's guide to the galaxy

Chromecast realitat

És un Chrome preparat per a reproduïr streams No sap d’APK’s Sap de webs Sap parlar amb Android, iOS i Chrome sobre desktop Només funciona sobre WIFI

Page 7: The chromecast's guide to the galaxy

Arquitectura overview

https://developers.google.com/cast/

Page 8: The chromecast's guide to the galaxy

https://developers.google.com/cast/

callbacks

Arquitectura overview

Cast.castAPI.*

Page 9: The chromecast's guide to the galaxy

https://developers.google.com/cast/

callbacks

Arquitectura overview

Cast.castAPI.*

String receiverID url

Page 10: The chromecast's guide to the galaxy

https://developers.google.com/cast/

callbacks

Arquitectura overview

Cast.castAPI.*

url String receiverID

Page 11: The chromecast's guide to the galaxy

https://developers.google.com/cast/

callbacks

Arquitectura overview

Cast.castAPI.*

url String receiverID

Page 12: The chromecast's guide to the galaxy

Les Receiver Apps

Page 13: The chromecast's guide to the galaxy

https://developers.google.com/cast/docs/receiver_apps

Receiver Apps

Styled Media Receiver This is a pre-built receiver application that provides a media player UI for audio and video content. It provides a default UI for the receiver application, but you can customize several elements in the UI with a CSS file.

Custom Receiver This is a custom built HTML5 app that you must host to handle the display of your app content on the TV. You may need to create a Custom Receiver if your app wants to display content other than audio/video media or if the Styled Media Receiver does not support the media types your app requires.

Default Media Receiver else

Page 14: The chromecast's guide to the galaxy

https://developers.google.com/cast/docs/receiver_apps

Receiver Apps

Page 15: The chromecast's guide to the galaxy

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

Receiver Apps

Page 16: The chromecast's guide to the galaxy

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

Receiver Apps

Page 17: The chromecast's guide to the galaxy

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

Receiver Apps Default Media Receiver

Page 18: The chromecast's guide to the galaxy

Receiver Apps Styled Media Receiver

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

Page 19: The chromecast's guide to the galaxy

Receiver Apps Custom Receiver

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

Page 20: The chromecast's guide to the galaxy

Receiver Apps Custom Receiver

SSL

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

Page 21: The chromecast's guide to the galaxy

Receiver Apps Custom Receiver Cast Receiver SDK

https://developers.google.com/cast/docs/custom_receiver

//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js

<html> <head> <title>Example minimum receiver</title> <script src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script> </head> <body> <video id='media'/> <script> window.onload = function() { window.mediaElement = document.getElementById('media'); window.mediaManager = new cast.receiver.MediaManager(window.mediaElement); window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance(); window.castReceiverManager.start(); } </script> </body> </html>

Page 22: The chromecast's guide to the galaxy

Receiver Apps Custom Receiver Cast Receiver SDK

https://developers.google.com/cast/docs/custom_receiver

Page 23: The chromecast's guide to the galaxy

Receiver Apps Custom Receiver Cast Receiver SDK

https://developers.google.com/cast/docs/custom_receiver

Page 24: The chromecast's guide to the galaxy

Les Sender Apps

Page 25: The chromecast's guide to the galaxy

Sender Apps

https://developers.google.com/cast/docs/sender_apps

la documentació està verdeta fa una setmana era diferent

… era pitjor { }

Page 26: The chromecast's guide to the galaxy

Sender Apps

https://developers.google.com/cast/docs/sender_apps

la documentació està verdeta fa una setmana era diferent

… ara és millor! { }

Page 27: The chromecast's guide to the galaxy

Sender Apps

https://developers.google.com/cast/docs/sender_apps

Page 28: The chromecast's guide to the galaxy

Sender Apps Exemples amb Streams

https://developers.google.com/cast/docs/sender_apps

Si tens ActionBarCompat, utilitza la Cast Companion Library https://github.com/googlecast/CastVideos-android Si heredes de FragmentActivity, utilitza el Cast Button https://github.com/googlecast/MediaRouter-Cast-Button-android Else... t’ho piques tu. Ànims! Aquí tens la documentació: http://developer.android.com/guide/topics/media/mediarouter.html

Page 29: The chromecast's guide to the galaxy

Sender Apps Exemples

Un exemple val més que 1.000 diapos, així que … anem a veure codi

Page 30: The chromecast's guide to the galaxy

* Apps Exemples a tutiplén

https://github.com/googlecast

ojo, s’actualitzen dia a dia { }

Page 31: The chromecast's guide to the galaxy

Se finí És el moment dels dubtes i les cerveses

Roc Boronat [email protected]

@rocboronat