O botão "Transmitir" abre uma caixa de diálogo para se conectar, controlar e desconectar dos receptores da Web.
Consulte Ícones do Google Cast para fazer o download dos modelos de botão Transmitir.
O botão Transmitir não é específico ao Google Cast e pode ser usado para representar receptores da Web e que não são da Web (como fones de ouvido Bluetooth). Os receptores da Web devem sempre aparecer na caixa de diálogo "Transmitir" e nunca em outra caixa de diálogo, menu ou controle.
Apresente a transmissão aos usuários
A introdução do botão "Transmitir" ajuda os usuários atuais a saber que o app remetente é compatível com a transmissão e que ainda não conhece o Google Cast.
Obrigatório
A Mostra uma tela de introdução do Google Cast na primeira vez que os receptores da Web estão disponíveis. Para remetentes do iOS, mostre uma tela de introdução do Cast na primeira vez que o botão "Transmitir" aparecer.
B Destacar visualmente o botão Transmitir circulando o
botão
C Explicar como o botão Transmitir funciona (por exemplo,
exibir uma mensagem como "Toque para transmitir vídeos para a TV")
Android
Introdução à transmissão
Transmitir tela inicial
iOS
Introdução à transmissão
Transmitir tela inicial
Chrome
Introdução à transmissão
Transmitir tela inicial
Disponibilidade do botão Transmitir
Obrigatório
A O botão Transmitir precisa estar visível em todas as telas em que houver conteúdo que possa ser reproduzido e localizado em uma posição consistente
durante a navegação ou reprodução. Ele também será exibido no cabeçalho do Chrome para controle global.
B Para remetentes que não sejam o iOS, o botão Transmitir pode ficar oculto
quando os receptores da Web não estão disponíveis. Para remetentes do iOS,
o botão Transmitir sempre será exibido quando o dispositivo estiver conectado ao Wi-Fi. Portanto, é possível receber ajuda
caso o usuário tenha desativado o acesso à rede local e os dispositivos não possam ser descobertos como resultado
(consulte Permissões e descoberta do iOS
para mais detalhes).
C Em apps para dispositivos móveis, o botão Transmitir precisa estar do lado direito.
D No Chrome, o botão Transmitir precisa estar no lado direito nos
controles de mídia do conteúdo (por exemplo, ver um vídeo incorporado). Se os controles de mídia tiverem um botão de tela cheia, coloque o botão de transmissão à esquerda dele.
Observação
O Google Cast usa um modelo de multitarefas, que permite que os usuários procurem no app remetente e em outros apps durante a transmissão. O botão Transmitir precisa estar visível em todas as telas em que houver conteúdo reproduzível. Assim, o usuário não precisa procurar para pausar ou interromper o conteúdo sendo exibido na TV.
Android
Remetente desconectado
Transmitir tela inicial
iOS
Remetente desconectado
Transmitir tela inicial
Chrome
Remetente desconectado
Transmitir tela inicial
Estados do botão Transmitir
Obrigatório
A Indisponível: quando os Web Receivers
não estão disponíveis, o botão Transmitir não aparece
B desconectado: quando os receptores da Web estiverem disponíveis,
o botão "Transmitir" aparecerá.
C Como se conectar: quando o receptor da Web estiver se conectando, o
botão Transmitir anima as ondas no ícone de maneira progressiva. Veja abaixo abaixo.
O app mostra as instruções abaixo.
Práticas recomendadas
Para cada estado de botão, use cores que correspondam ao estilo de outros elementos da IU
do seu app. Usar uma cor de destaque diferente (como amarelo) para o estado ATIVADO / conectado
é opcional.
Observações
- O ícone de transmissão é exibido no Chrome e no iOS para fornecer acesso à extensão Google Cast, independentemente da disponibilidade dos dispositivos de transmissão.
- O estado "Conectado (animado)" aparece quando a conexão com a API Cast leva mais tempo do que o esperado. O SDK do Android e do Chrome anima automaticamente o ícone do Google Cast. Depois de conectado, o app Web Receiver é iniciado.
- O estado ATIVADO / conectado do ícone Transmitir foi atualizado e agora usa um preenchimento sólido no frame do ícone. O novo ícone e os modelos de ícone do Google Cast estão disponíveis neste link.
Android
Remetente, transmissão indisponível
Transmitir tela inicial
Remetente, transmissão desconectado
Transmitir tela inicial
Remetente e transmissão do Cast
Transmitir tela inicial
Remetente, transmissão conectada
Carregamento do app Web Receiver
Remetente, transmissão conectada
App receptor da Web carregado / inativo
iOS
Remetente, transmissão indisponível
Transmitir tela inicial
Remetente, transmissão desconectado
Transmitir tela inicial
Remetente e transmissão do Cast
Transmitir tela inicial
Remetente, transmissão conectada
Carregamento do app Web Receiver
Remetente, transmissão conectada
App receptor da Web carregado / inativo
Chrome
Remetente, transmissão indisponível
O ícone Transmitir é exibido no Chrome para fornecer acesso à extensão Google Cast, independente do estado de conexão.
Transmitir tela inicial
Remetente, transmissão desconectado
Transmitir tela inicial
Remetente e transmissão do Cast
Transmitir tela inicial
Remetente, transmissão conectada
Carregamento do app Web Receiver
Remetente, transmissão conectada
App receptor da Web carregado / inativo
As imagens usadas neste guia de design são cortesia da Blender Foundation, compartilhada sob as licenças de direitos autorais ou Creative Commons.
- Elephant's Dream: (c) direitos autorais de 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Lágrimas de aço: (CC) Fundação Blender | mango.blender.org
- Big Buck Bunny: (c) direitos autorais 2008, Blender Foundation / www.bigbuckbunny.org