A caixa de diálogo "Transmitir" aparece sempre que o botão "Transmitir" é pressionado. A caixa de diálogo "Transmitir" permite que os usuários conectar, controlar e desconectar de receptores da Web.
Se você está desenvolvendo uma implementação personalizada ou um app para iOS ou Chrome, é necessário implementar essa caixa de diálogo de forma consistente, para que os usuários reconheçam e confiem nela para funcionar de forma consistente em vários dispositivos, apps e plataformas. Consulte a Faça referência aos apps para exemplos.
Caixa de diálogo da transmissão, não conectada (receptores disponíveis)
Obrigatório (comportamento padrão de
MediaRouter do Android):
A Quando o app remetente não estiver conectado a um receptor de transmissão,
tocar no botão Transmitir mostra a caixa de diálogo Transmitir
B O título da caixa de diálogo "Transmitir", "Transmitir para" aparece
C A caixa de diálogo "Transmitir" mostra uma lista de receptores da Web disponíveis
D Cada receptor transmitido vai exibir a mensagem "Transmitindo
nome do app"
Observe os cenários multiusuários:
- Quando outro usuário se conecta a um receptor que está transmitindo do mesmo app e conta, o app remetente fornece os controles o conteúdo de transmissão.
- Quando outro usuário se conecta a um receptor que está transmitindo de um app que não transmite, o app remetente anterior é desconectado, e o novo app remetente se conecta.
Android
Caixa de diálogo "Transmitir" não conectada
![Caixa de diálogo "Transmitir", imagem não conectada](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=19&hl=pt)
Transmitir tela inicial
![Transmitir imagem da tela inicial](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=19&hl=pt)
iOS
Caixa de diálogo "Transmitir" não conectada
![A caixa de diálogo do Google Cast não está conectada](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=19&hl=pt)
Transmitir tela inicial
![Transmitir imagem da tela inicial](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=19&hl=pt)
Chrome
Caixa de diálogo "Transmitir" não conectada
![A caixa de diálogo do Google Cast não está conectada](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=19&hl=pt)
Transmitir tela inicial
![Transmitir imagem da tela inicial](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=19&hl=pt)
Caixa de diálogo "Transmitir" não conectada (somente para iOS)
No iOS, ao transmitir pela primeira vez, os usuários precisam autorizar o acesso à rede local (LNA, na sigla em inglês) para: Dispositivos de transmissão Uma tela de informações intersticiais é apresentada aos usuários explicando por que essa permissão é necessária, seguido pelo LNA padrão da Apple. caixa de diálogo de permissões.
Após a primeira transmissão, se nenhum dispositivo for encontrado quando o usuário tocar no botão Transmitir enquanto o o usuário estiver usando o Wi-Fi, uma tela de ajuda será exibida explicando por que os receptores da Web podem não estar disponíveis (por exemplo, o acesso à rede local está desativado ou há um problema com a rede Wi-Fi).
Obrigatório:
A Primeira transmissão: depois de tocar no botão Transmitir
pela primeira vez,
um intersticial precisa ser mostrado para explicar ao usuário por que ele deve permitir
para o app acessar dispositivos de rede local. A intersticial deve incluir informações sobre
por que o acesso à rede local é necessário, para aumentar a probabilidade de o usuário aceitar
permissão local.
B Receptores indisponíveis: toque no botão Transmitir
exibe uma tela de ajuda explicando os possíveis motivos pelos quais o usuário
não consegue descobrir os receptores da Web, nem os links para as configurações para corrigir problemas de permissões de LNA.
Primeira transmissão (iOS)
Primeira transmissão: permissões de acesso à rede local e ao intersticial
![Fluxo de aceitação do acesso à rede local do Google Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=19&hl=pt)
Receptores indisponíveis
Receptores indisponíveis
![Fluxo de transmissão, acesso à rede local desativado](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=19&hl=pt)
Caixa de diálogo "Transmitir" conectada, mas não transmitida
Obrigatório
A Quando o app remetente estiver conectado a um receptor da Web,
tocar no botão Transmitir mostra a caixa de diálogo Transmitir
B O título da caixa de diálogo "Transmitir" "Nome do receptor" aparece
C A caixa de diálogo "Transmitir" mostra um botão para interromper a transmissão.
com o rótulo "STOP CASTING" (para mais informações sobre desconexão, consulte
Remetente interrompe a transmissão)
Android
Caixa de diálogo "Transmitir" conectada, mas não transmitida
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=19&hl=pt)
App receptor carregado / inativo
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=19&hl=pt)
iOS
Caixa de diálogo "Transmitir" conectada, mas não transmitida
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=19&hl=pt)
App receptor carregado / inativo
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=19&hl=pt)
Caixa de diálogo durante a transmissão
Obrigatório
A O título da caixa de diálogo "Transmitir" "Nome do receptor" aparece
B O receptor ou conteúdo sendo transmitido é mostrado abaixo
o título
C A caixa de diálogo "Transmitir" mostra a mensagem "PARAR TRANSMISSÃO". botão que para
transmissão. Para mais informações, consulte
Remetente interrompe a transmissão)
Prática recomendada
- Para a melhor experiência do usuário, forneça controles persistentes além dos controles na caixa de diálogo "Transmitir".
Android
Transmitir caixa de diálogo durante a transmissão
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=19&hl=pt)
Receptor reproduzindo conteúdo
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=pt)
iOS
Transmitir caixa de diálogo durante a transmissão
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=19&hl=pt)
Receptor reproduzindo conteúdo
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=pt)
Chrome
Transmitir caixa de diálogo durante a transmissão
![Transmitir caixa de diálogo durante a transmissão](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=19&hl=pt)
Receptor reproduzindo conteúdo
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=pt)
Imagens usadas neste guia de design são cortesia da Liquider Foundation, compartilhadas sob direitos autorais ou licença Creative Commons.
- Elephant's Dream: (c) copyright 2006, Liquider Foundation / Dutch Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Liquider Foundation | www.sintel.org
- Tears of Steel: (CC) Mergeer Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Liquider Foundation / www.bigbuckbunny.org