Codelab - Desenvolvendo para Chromecast

Transcript

1. +JohnCordeiroo Desenvolvendo para Chromecast
2. Quem  sou  eu  ?   John  Cordeiro     •  GDG  Maceió   •  Desenvolvedor  Mobile  na  Ilhaso:   •  Formado  em  Sistemas  de  Informação   •  CerAficação  Java  OCJP  6     •  Experiência  com  tecnologias  Google    
3. Chromecast  
4. chromecast.com/apps   Google  Play  
5. Cases  
6. Pré-­‐requesitos     •  Desenvolver  em  uma  das  seguintes  plataformas   – Android  (Java)   – iOS  (ObjecAve-­‐C  /  Swi:)   – Chrome  (HTML,  CSS  e  JavaScript)  
7. Sender  SDK  (Android,  iOS  e  Chrome)   Receiver  SDK  (HTML)   Visualização  de  conteúdo     disponível   Reprodução  no  disposiAvo   Serviço  de  Stream   Google  Cast  SDK  
8. •  Comunicação  com  receptores  do  Google  Cast  SDK   •  Funcionamento:     Sender  SDK  
9. CastCompanion  -­‐  Library   Sender  SDK  –  Android  >=  2.2   Sender  SDK   Google  Play  Services   Media  Router  API  
10. 1.  Inicialização  de  instância  uma  VideoCastManager:     2.  E  então:     Sender  SDK  –  Android  
11. 3.  Conexão  com  o  disposiAvo       4.  Passo  o  ID  do  item:     Sender  SDK  –  Android  
12.   Sender  SDK  –  Android  
13.   Sender  SDK  –  Android  
14. 5.  Montagem  do  MediaInfo:   Sender  SDK  –  Android  
15. 6.  Execução  da  Mídia     Sender  SDK  –  Android  
16. 7.  Permissão  de  INTERNET     8.  Declaração  de  AcAvity  uAlitária   Sender  SDK  –  Android  
17. Sender  SDK  –  Android  
18. Sender  SDK  –  Android  
19. Sender  SDK  –  Android  
20. •  Adicionando  um  MiniController  ao  layout  da  AcAvity:               •  Setando  o  MiniController  no  CastManager:     AlternaAva  de  Reprodução  
21.     Resultado  MiniController  
22.     Player  Customizado  
23.     Features  
24.     Tem  mais  ?  
25. •  AplicaAvos  em  HTML5/Javascript   •  Sem  opções  de  input  diretos   •  Navegador  Chrome  especializado     Receiver  SDK  
26. Google  Cast  Developer  Console  
27. Mídia  Simples   App  Id   Tipos  de  Apps  Receiver  
28. Styled  Media  Receiver  -­‐  Vídeo  
29. Styled  Media  Receiver  -­‐  Áudio  
30. Styled  Media  Receiver  
31. Custom  Receiver  
32. 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  
33. Custom  Receiver  -­‐  Exemplo  
34. Message  Channels   •  Troca  de  mensagens  -­‐  Sender  x  Receiver   •  Uso  de  Namespaces   – urn:x-­‐cast:com.namespace.here   – urn:x-­‐cast:com.google.cast.media  
35. Message  Channels   •  Troca  de  mensagens  -­‐  Sender  x  Receiver   •  Uso  de  Namespaces   – urn:x-­‐cast:com.namespace.here   – urn:x-­‐cast:com.google.cast.media  
36. Enviando  dados  
37. Resultado  na  TV  
38. Seu  app  possui  conteúdo  que  pode   ser  expandido  para  a  TV?    
39.   •  hqps://developers.google.com/cast/     •  hqps://developers.google.com/cast/docs/design_checklist     •  hqps://github.com/googlecast   •  hqps://github.com/johncordeiro/ChromecastBase     Próximos  Passos  
40. +JohnCordeiroo johndcc@gmail.com   johncordeirodev.blogspot.com.br