Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Desenvolvendo para Chromecast
Search
John Cordeiro
October 27, 2014
75
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Desenvolvendo para Chromecast
John Cordeiro
October 27, 2014
More Decks by John Cordeiro
See All by John Cordeiro
Codelab - Desenvolvendo para Chromecast
johncordeiro
0
180
Featured
See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
190
How to build a perfect <img>
jonoalderson
1
5.8k
A Soul's Torment
seathinner
6
3.1k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Speed Design
sergeychernyshev
33
2k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
GraphQLとの向き合い方2022年版
quramy
50
15k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
230
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
640
Transcript
+JohnCordeiroo Levando seu app para a TV com o Google
Cast
Quem sou eu ? John Cordeiro •
GDG Maceió • Ilhaso8 Team • Formado em Sistemas de Informação • Cer@ficação Java OCJP 6 • Apaixonado por tecnologias Google
Disposi@vos Chromecast Android TV
chromecast.com/apps Google Play
Cases
Pré-‐requesitos • Desenvolver em uma das seguintes plataformas
– Android (Java) – iOS (Objec@ve-‐C / Swi8) – Chrome (HTML, CSS e JavaScript)
Sender SDK (Android, iOS e Chrome) Receiver SDK (HTML)
Visualização de conteúdo disponível Reprodução no disposi@vo Serviço de Stream Google Cast SDK
• Comunicação com receptores do Google Cast SDK •
Funcionamento: Sender SDK
CastCompanion -‐ Library Sender SDK – Android >= 2.2
Sender SDK Google Play Services Media Router API
Sender SDK Setup • Criação de um projeto Android
• Fazer o clone da biblioteca no root do projeto: git clone hcps://github.com/googlecast/CastCompanionLibrary-‐ android.git
1. Inicialização de instância uma VideoCastManager: 2. E
então: Sender SDK – Android
3. Conexão com o disposi@vo 4. Passo
o ID do item: Sender SDK – Android
Sender SDK – Android
Sender SDK – Android
5. Montagem do MediaInfo: Sender SDK – Android
6. Execução da Mídia Sender SDK – Android
7. Permissão de INTERNET 8. Declaração de Ac@vity
u@litária Sender SDK – Android
Sender SDK – Android
Sender SDK – Android
Sender SDK – Android
• Adicionando um MiniController ao layout da Ac@vity:
• Setando o MiniController no CastManager: Alterna@va de Reprodução
Resultado MiniController
Player Customizado
Habilitando Recursos
Features
Tem mais ?
• Aplica@vos em HTML5/Javascript • Sem opções de input
diretos • Navegador Chrome especializado Receiver SDK
Google Cast Developer Console
Mídia Simples App Id Tipos de Apps Receiver
Styled Media Receiver -‐ Vídeo
Styled Media Receiver -‐ Áudio
Styled Media Receiver
Custom Receiver
Custom Receiver • Escrito em HTML, CSS e JavaScript
• Manipulação de comandos recebidos • Controle da sessão • Permite o uso da Media Player Library – HTTP Live Streamming (HLS) – MPEG-‐DASH – Smooth Streaming
Custom Receiver -‐ Exemplo
Message Channels • Troca de mensagens -‐ Sender x
Receiver • Uso de Namespaces – urn:x-‐cast:com.namespace.here – urn:x-‐cast:com.google.cast.media
Enviando dados
Resultado na TV
Anúncios Recentes • Melhora na reprodução de mul@plas
mídias • Google Cast Remote Display API (Beta) • Game Manager APIs
O Que isso significa ?
Seu app possui conteúdo que pode ser expandido para
a TV?
• hcps://developers.google.com/cast/ • hcps://developers.google.com/cast/docs/design_checklist •
hcps://github.com/googlecast • hcps://github.com/johncordeiro/ChromecastBase • Apresentação: hcps://goo.gl/aUZeIE Próximos Passos
+JohnCordeiroo
[email protected]
hcp://ilhaso8.com.br/blog/