O Google Cast permite que apps da Web para Android, iOS e Chrome "transmitam" conteúdo, como vídeo, áudio e compartilhamento de tela (espelho), para dispositivos compatíveis com o Cast, como:
- Google Chromecast
- TVs compatíveis com o Google Cast
- Alto-falantes compatíveis com o Google Cast
- Smart displays: monitores LCD portáteis com tela touchscreen usados como thin clients
- Tablets Android
No modelo de interação do Google Cast, o smartphone, tablet ou laptop é o remetente, que funciona como um controle remoto para controlar a reprodução. A TV, a tela ou o tablet acoplado é o receptor, que recebe instruções do remetente e exibe o conteúdo da conexão de Internet do receptor. Todas as ações do usuário (toques e deslizes) podem ocorrer no dispositivo do remetente ou no receptor da Web.
A transmissão depende da coordenação entre duas ou mais telas: a interface do remetente e a interface do receptor, que precisam funcionar juntas. Por exemplo, se você pressionar um botão em um dispositivo móvel para pausar o conteúdo, a TV vai indicar que ele está pausado, enquanto o dispositivo móvel vai mostrar um botão de reprodução para retomar a reprodução.
Considerações
Devido a limitações de hardware e recursos, há algumas restrições aos aplicativos com suporte ao Google Cast:
- O dispositivo de transmissão é um dispositivo de baixa potência com limitações de memória, CPU e GPU. Por isso, o aplicativo do receptor da Web precisa ser o mais leve possível.
- Para modelos de interação do Cast e do Google Cast, guias, janelas ou pop-ups podem ser criados no app do receptor da Web ou do remetente, além de aceitar diretamente a entrada do usuário, como toques ou deslizamentos. Por exemplo, o app Web Receiver em um tablet ou tela acoplada pode mostrar um botão de pausa e receber o toque do usuário. Dessa forma, todas as ações no aplicativo precisam ser acionadas por um aplicativo receptor da Web ou remetente.
- As telas inteligentes oferecem suporte à entrada do usuário por um app de envio ou por toque na interface.
- O Web Receiver é um navegador Chrome otimizado para reprodução de vídeo. Portanto, no momento, o WebGL e o Chrome Native Client (NaCL) não têm suporte, assim como as extensões do Chrome.
- O Cast é compatível com uma única reprodução de streaming de mídia simultânea nas tags
<audio>e<video>ou em várias faixas de áudio usando a API WebAudio. Somente um elemento de vídeo pode estar ativo no DOM por vez. Além disso, não há suporte para composição, manipulação, transformações, rotações ou zoom de vídeo.
Princípios gerais de design
Considere o seguinte ao desenvolver a interface do usuário.
Interface do Web Receiver:
- O Web Receiver pode ter elementos interativos e informativos para descrever o estado do app, como pausado ou em reprodução, ou mensagens de erro. A interação do usuário pode ocorrer no remetente da transmissão (smartphone, tablet ou navegador Chrome) ou no receptor da Web (TVs, telas ou tablets).
- Lembre-se de que a ação do vídeo está acontecendo no meio da tela da TV, e os elementos da interface não podem interferir na apresentação. Coloque os elementos da interface no terço inferior da tela do Web Receiver, deixando uma margem de 10% das bordas da tela para possíveis overscans.
- Sempre que possível, as transições de um estado de tela para outro precisam ser suaves e parecerem cinematográficas. Em vez de movimentos abruptos de um estado para outro, use transições como fade-in e fade-out. Por exemplo, o estado de carregamento de conteúdo permanece na tela e desaparece na experiência de reprodução de mídia.
Interface do remetente:
- O remetente permite ações do usuário, e o receptor da Web exibe informações de estado. Por exemplo, se o conteúdo estiver pausado, a TV precisa indicar que está pausado, enquanto o dispositivo móvel indica que está pronto para começar a reprodução (por exemplo, mostrando ao usuário um botão de reprodução).
- A velocidade é um fator importante. Os usuários precisam localizar rapidamente o controle de transmissão e ver o conteúdo começar a ser reproduzido imediatamente na tela grande. Enquanto o conteúdo está carregando, forneça indicadores de carregamento animados e use transições para dar uma sensação de maior velocidade.
A maneira mais fácil de garantir que seu aplicativo Cast siga esses princípios é analisar sua interface do usuário com a Lista de verificação de design do Google Cast e testar seus apps de transmissão.
Diretrizes de marca
As diretrizes de marca do Google Cast a seguir são para desenvolvedores de apps e se concentram nos requisitos adicionais que você precisa seguir para descrever seu app em texto. Para conferir as diretrizes de branding de dispositivos Cast, consulte o Partner Marketing Hub. Informe que seu app funciona com o Google Cast usando o termo "Compatível com Google Cast". No entanto, verifique se o app está em conformidade com os Termos de Serviço adicionais do desenvolvedor do SDK e a Lista de verificação de design do Cast e se o uso de "Compatível com Google Cast" está em conformidade com nossas diretrizes de branding.
Você também pode usar um selo do Google Cast, desde que seu app ou dispositivo esteja em conformidade com nossas diretrizes. O Google se reserva o direito de solicitar que você modifique ou interrompa o uso do selo se ele não estiver em conformidade com as diretrizes da marca.
"Google Cast" no texto
- Ao descrever um app (não um produto de hardware) como compatível com o Google Cast, use a frase "Compatível com Google Cast". Por exemplo: "Este app é compatível com o Google Cast".
- Ao descrever um produto de hardware de terceiros compatível com o Google Cast, use "Esta {TV} é compatível com o Google Cast" ou "Estes {alto-falantes} são compatíveis com o Google Cast".
- Quando escritos em texto, "Google" e "Cast" precisam estar em maiúsculo.
- Em qualquer recurso de marketing que use "Google Cast" no texto ou no selo/logotipo, é necessário incluir a seguinte atribuição legal: Google Cast é uma marca registrada da Google LLC.
- Não coloque o Google Cast no título do app (como XYZ Google Cast App).
Mensagens de apps compatíveis com Google Cast
Você pode promover seu app da seguinte maneira:
- "O XYZ é um app compatível com o Google Cast que permite transmitir seu entretenimento favorito do dispositivo móvel para a TV."
- "O app XYZ agora está disponível para TVs compatíveis com o Google Cast."
- "O app XYZ agora está disponível para todos os produtos do Google Cast, incluindo Google Chromecast, Google Cast Audio, TVs e alto-falantes compatíveis com o Google Cast."
- "O app XYZ é compatível com o Google Cast, permitindo que você aproveite todos os seus programas/filmes/músicas/jogos favoritos na TV que funciona com o Google Cast."
- "O app XYZ agora tem suporte ao Google Cast, permitindo que os usuários transmitam conteúdo do smartphone para a TV compatível com o Google Cast."
Selo do Google Cast
É possível usar os selos do Google Cast no seu site, na página de detalhes do app na app store, nos materiais de marketing e promocionais para mostrar a compatibilidade com dispositivos que usam o protocolo Cast.
- Não modifique a cor, as proporções, o espaçamento ou qualquer outro aspecto da imagem do selo.
- Quando usado com logotipos de outras tecnologias de elemento (por exemplo, Bluetooth, Spotify Connect, AirPlay etc.), o selo do Google Cast precisa ter tamanho igual ou maior.
- Não faça do selo o elemento principal da sua página.
- Mantenha uma certa distância entre o selo e outros logotipos e ícones na página.
- Use um selo preto em segundo plano branco, claro ou de tons médios.
- Use o selo branco em um plano de fundo preto ou escuro.
- Não use o selo em uma página que contenha ou mostre conteúdo adulto, promova jogos de azar, promova violência, contenha discurso de ódio, envolva a venda de tabaco ou álcool a pessoas com menos de 21 anos de idade, viole outras leis ou regulamentações aplicáveis ou seja de outra forma inaceitável.
Vinculação de selos
Quando usado on-line, o selo do Google Cast precisa vincular a uma das seguintes opções:
- Confira a lista de produtos e apps compatíveis com o Google Cast em g.co/castapps.
- Uma lista de produtos publicados por você.
- Uma página de detalhes do produto específica publicada por você.
- Uma lista de apps publicados por você.
- Uma página de detalhes de app específica publicada por você no Google Play ou na App Store da Apple.
Fazer o download dos recursos do selo do Google Cast
O pacote de download inclui formatos Portable Network Graphics (.png), Adobe Illustrator (.ai) e Encapsulated Postscript (.eps).
Visualizar os selos do Google Cast
Consulte a página de diretrizes sobre selos do Partner Hub para ver todos os selos disponíveis e instruções de uso.