Experiência do usuário com a plataforma Chromecast

O Chromecast permite que apps da Web Android, iOS e Chrome façam "stream" de conteúdo, como vídeo, áudio e compartilhamento de tela (espelhamento), para dispositivos compatíveis com Cast:

  • Chromecast
  • TV com Chromecast built-in (também conhecida como TV com Chromecast integrado)
  • Alto-falantes com Chromecast built-in (também conhecidos como alto-falantes com Chromecast integrado)
  • Smart displays (um monitor LCD portátil com tela touchscreen usado como um thin client)
  • Tablets Android

No modelo de interação do Google Cast, o smartphone, tablet ou laptop é o remetente, que atua como um controle remoto para a reprodução, e a TV, tela ou tablet encaixado na base é 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 (tocar e deslizar) podem ocorrer tanto no dispositivo emissor quanto no receptor da Web.

A transmissão depende da coordenação entre duas ou mais telas (a interface do remetente e a 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 precisará indicar que está pausado, enquanto o dispositivo móvel precisará fornecer um botão de reprodução para retomar a reprodução.

considerações

Devido a limitações de hardware e recursos, existem algumas restrições em apps compatíveis com Chromecast:

  • O dispositivo de transmissão é um dispositivo de baixo consumo de energia e tem limitações de memória, CPU e GPU. Por isso, o app receptor da Web precisa ser o mais leve possível.
  • Para os modelos de interação com Chromecast e Chromecast built-in, guias, janelas ou pop-ups podem ser criados no app receptor da Web ou no app remetente, além de aceitar diretamente a entrada do usuário, como toques ou deslizar. Por exemplo, o app receptor da Web em uma tela ou tablet encaixado pode exibir um botão de pausa e receber o toque do usuário. Dessa forma, todas as ações no aplicativo precisam ser acionadas a partir de um aplicativo receptor da Web ou do remetente.
  • Os smart displays oferecem suporte a entradas do usuário por meio de um app remetente ou por toque na interface.
  • O receptor da Web é um navegador Chrome otimizado para reprodução de vídeo. Sendo assim, o WebGL e o Cliente nativo do Chrome (NaCL) não são compatíveis no momento, assim como as extensões do Chrome.
  • O Cast é compatível com um único stream de mídia simultâneo nas tags <audio> e <video> ou com 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

Tenha em mente o seguinte ao desenvolver sua interface de usuário.

Interface do receptor da Web:

  • O receptor da Web 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 (TV, telas ou tablets).
  • Lembre-se de que a ação de vídeo acontece no meio da tela da TV, e os elementos da interface não podem interferir na apresentação. Coloque elementos da interface na parte inferior da tela do receptor da Web, deixando uma margem de 10% das bordas da tela para um possível overscan.
  • Sempre que possível, as transições de um estado de tela para outro precisam ser suaves e cinematográficas. Em vez de passar de um estado para outro abruptamente, use transições como fade-in e fade-out. Por exemplo, o estado de carregamento de conteúdo permanece na tela e surge na experiência de reprodução de mídia.

Interface do remetente:

  • O remetente oferece suporte a ações do usuário, e o receptor da Web mostra 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 ser reproduzido, por exemplo, mostrando ao usuário um botão "Assistir".
  • A velocidade é um fator importante. Os usuários precisam localizar o controle de transmissão rapidamente e ver o conteúdo começar a ser reproduzido imediatamente na tela grande. Enquanto o conteúdo estiver carregando, forneça indicadores de carregamento animados e use transições para agilizar o processo.

A maneira mais fácil de garantir que seu aplicativo de transmissão siga esses princípios é revisar a interface do usuário com a Lista de verificação de design do Google Cast e testar seus apps.

Diretrizes de marca

As seguintes diretrizes da promoção de marca do Chromecast são destinadas a desenvolvedores de apps e se concentram nos requisitos adicionais que você precisa cumprir para descrever seu app em texto. Para ver as diretrizes da promoção de marca de dispositivos de transmissão, consulte o Partner Marketing Hub. Para informar às outras pessoas que seu app funciona com o Chromecast built-in, use o termo "compatível com o Chromecast". No entanto, confira se o app obedece aos Termos de Serviço adicionais para desenvolvedores do SDK do Google Cast e a Lista de verificação de design. Além disso, confira se o uso de "Compatível com Chromecast" está de acordo com nossas diretrizes da promoção de marca.

Da mesma forma, você pode usar um selo do Chromecast desde que seu app ou dispositivo esteja em conformidade com nossas diretrizes. O Google reserva-se o direito de solicitar que você modifique ou pare de usar o selo se ele não estiver em conformidade com as diretrizes da promoção de marca.

Como usar "Chromecast" em textos

  • Ao descrever um app (não um produto de hardware) como compatível com Cast, use o termo "compatível com Chromecast". Por exemplo: "Este app é compatível com Chromecast".
  • Ao descrever um produto de hardware de terceiros compatível com o Google Cast, use "TV com Chromecast integrado", "Alto-falante com Chromecast built-in" ou apenas "Com o Chromecast integrado".
  • Quando escrito em texto, "Chromecast" precisa estar em letra maiúscula e "integrado" em letras minúsculas.
  • Em qualquer recurso de marketing que use "Chromecast" no texto ou no selo/logotipo, é preciso incluir a seguinte atribuição legal: Chromecast é uma marca registrada da Google LLC.
  • Não coloque o Chromecast no título do app (como app Chromecast XYZ).

Mensagens em apps compatíveis com Chromecast

Você pode promover seu aplicativo da seguinte forma:

  • "O XYZ é um app compatível com Chromecast que permite fazer streaming do seu entretenimento favorito do seu dispositivo móvel para a TV."
  • "O app XYZ agora está disponível para TVs com Chromecast integrado."
  • "O app XYZ agora está disponível para todos os produtos Chromecast, incluindo Chromecast, Chromecast Audio e TVs e alto-falantes com Chromecast built-in."
  • "O app XYZ é compatível com Chromecast, o que permite que você curta todos os seus programas/filmes/músicas/jogos favoritos na sua TV com o Chromecast integrado."
  • "O app XYZ agora é compatível com Chromecast, permitindo que os usuários façam streaming de conteúdo do smartphone para a TV com o Chromecast integrado."

Selo do Chromecast

Use os selos "Chromecast" no seu site, página "Detalhes do app", materiais de marketing e materiais promocionais para mostrar a compatibilidade com dispositivos que usam o protocolo do Google Cast.

  • Não modifique a cor, as proporções, o espaçamento ou qualquer outro aspecto da imagem do selo.
  • Quando usado com logotipos para outras tecnologias de ingredientes (por exemplo, Bluetooth, Spotify Connect, AirPlay etc.), o selo do Chromecast precisa ser igual ou maior.
  • Não faça do distintivo o elemento principal da página.
  • Mantenha uma certa distância entre o selo e outros logotipos e ícones da página.
  • Quando o fundo for branco, claro ou de tons médios, use um selo preto.
  • Quando usado em um fundo preto ou em tons escuros, use o selo branco.
  • Não use o selo em uma página que tenha ou exiba conteúdo adulto, promova jogos de azar, promova violência, contenha discurso de ódio, envolva a venda de tabaco ou álcool a menores de 21 anos, viole outras leis ou regulamentações aplicáveis ou que de alguma outra forma seja condenável.

Vinculação de selos

Quando usado on-line, o selo do Chromecast precisa estar vinculado a uma das seguintes opções:

  • Veja a lista de apps e produtos compatíveis com Chromecast do Google em g.co/castapps.
  • Uma lista de produtos publicados por você.
  • Uma página específica de detalhes do produto publicada por você.
  • Uma lista de apps publicados por você.
  • Uma página de detalhes do app específica publicada por você, no Google Play ou na Apple App Store.

Fazer o download dos recursos de selo do Chromecast

O pacote de download inclui os formatos Portable Network Graphics (.png), Adobe Illustrator (.ai) e Enapsulated Postscript (.eps).

Visualizar selos do Chromecast

Logotipo azul e texto branco sobre um fundo preto
Logotipo e texto brancos sobre um fundo preto
Logotipo azul e texto cinza sobre fundo branco