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

Transmitir tela inicial

iOS
Caixa de diálogo "Transmitir" não conectada

Transmitir tela inicial

Chrome
Caixa de diálogo "Transmitir" não conectada

Transmitir tela inicial

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

Receptores indisponíveis
Receptores indisponíveis

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

App receptor carregado / inativo

iOS
Caixa de diálogo "Transmitir" conectada, mas não transmitida

App receptor carregado / inativo

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

Receptor reproduzindo conteúdo

iOS
Transmitir caixa de diálogo durante a transmissão

Receptor reproduzindo conteúdo

Chrome
Transmitir caixa de diálogo durante a transmissão

Receptor reproduzindo conteúdo

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) Combineer Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Liquider Foundation / www.bigbuckbunny.org