El diálogo para transmitir se muestra cada vez que se presiona el botón para transmitir. El diálogo de transmisión les permite a los usuarios conectarse, controlar y desconectarse de los receptores web.
Si estás desarrollando una implementación personalizada o creando una aplicación para iOS o Chrome, debes implementar este diálogo de manera coherente, de modo que los usuarios lo reconozcan y confíen en su funcionamiento. de forma coherente en todos los dispositivos, las aplicaciones y las plataformas. Consulta las Apps de referencia para ver ejemplos
Diálogo de transmisión, no conectado (receptores disponibles)
Obligatorio (comportamiento predeterminado de
MediaRouter de Android):
A Cuando la app emisora no está conectada a un receptor de transmisión,
Cuando presionas el botón para transmitir, se muestra el diálogo de transmisión
B El título del diálogo Transmitir, "Transmitir a" aparece
C El cuadro de diálogo de transmisión muestra una lista de receptores web disponibles.
D Cada receptor que esté transmitiendo debe mostrar el mensaje "Transmitiendo"
nombre de la app"
Ten en cuenta las situaciones multiusuario:
- Cuando otro usuario se conecta a un receptor que está transmitiendo desde la misma app y cuenta, la app emisora proporciona el contenido del reparto.
- Cuando otro usuario se conecta a un receptor que está transmitiendo desde una app que no se transmite, la app emisora anterior se desconecta y se conecta la nueva app del remitente.
Android
El diálogo de transmisión no está conectado
![Diálogo de transmisión, imagen no conectada](https://developers.google.cn/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=19&hl=es)
Transmitir pantalla principal
![Transmitir imagen de la pantalla principal](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=19&hl=es)
iOS
El diálogo de transmisión no está conectado
![Imagen no conectada del diálogo de transmisión](https://developers.google.cn/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=19&hl=es)
Transmitir pantalla principal
![Transmitir imagen de la pantalla principal](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=19&hl=es)
Chrome
El diálogo de transmisión no está conectado
![Imagen no conectada del diálogo de transmisión](https://developers.google.cn/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=19&hl=es)
Transmitir pantalla principal
![Transmitir imagen de la pantalla principal](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=19&hl=es)
Transmitir diálogo, no conectado (solo para iOS)
En iOS, al transmitir contenido por primera vez, los usuarios deben dar su consentimiento para permitir el acceso a la red local (LNA) para Dispositivos de transmisión. Se presenta una pantalla de información intersticial a los usuarios que expliquen por qué se necesita este permiso, seguido del LNA estándar de Apple Cuadro de diálogo de permisos.
Después de transmitir por primera vez, si no se encuentran dispositivos al presionar el botón para transmitir mientras usuario está conectado a una red Wi-Fi, se muestra una pantalla de ayuda que explique por qué es posible que los receptores web no estén disponibles (por ejemplo, el acceso a la red local esté inhabilitado o haya un problema con la red Wi-Fi).
Obligatorio:
A Transmisión por primera vez: Después de presionar el botón para transmitir
por primera vez,
se debe mostrar un anuncio intersticial para explicar al usuario por qué debe permitir
la app para acceder a los dispositivos de la red local. El intersticial debe incluir información sobre
por qué se necesita el acceso a la red local, para aumentar la probabilidad de que el usuario acepte
el acceso a los permisos locales.
B Receptores no disponibles: Presiona el botón para transmitir.
muestra una pantalla de ayuda en la que se explican los posibles motivos por los que el usuario
no puede descubrir receptores web, junto con vínculos a Configuración para solucionar problemas de permisos de LNA.
Transmisión por primera vez (iOS)
Primera transmisión: permisos de acceso a la red local y intersticiales
![Flujo de aceptación del acceso a la red local de transmisión](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=19&hl=es)
Receptores no disponibles
Receptores no disponibles
![Flujo de transmisión, acceso a la red local desactivado](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=19&hl=es)
El diálogo de transmisión está conectado, pero no se está transmitiendo
Obligatorio
A Cuando la app emisora está conectada a un receptor web,
Cuando presionas el botón para transmitir, se muestra el diálogo de transmisión
B Título del diálogo de transmisión "Nombre del receptor" aparece
C El cuadro de diálogo Transmitir muestra un botón para detener la transmisión.
con la etiqueta del botón "STOP CASTING" (Para obtener más información sobre la desconexión, consulta
El remitente detiene la transmisión)
Android
El diálogo de transmisión se conectó, pero no se está transmitiendo
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=19&hl=es)
La app receptora se carga o está inactiva
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=19&hl=es)
iOS
El diálogo de transmisión se conectó, pero no se está transmitiendo
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=19&hl=es)
La app receptora se carga o está inactiva
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=19&hl=es)
Transmite diálogo durante la transmisión
Obligatorio
A Título del diálogo de transmisión "Nombre del receptor" aparece
B A continuación, se muestra el receptor o el contenido que se transmite
el título
C El diálogo Transmitir muestra el mensaje "DETENER TRANSMISIÓN" botón que se detiene
transmisión (para obtener más información, consulta
El remitente detiene la transmisión)
Práctica recomendada
- Para obtener la mejor experiencia del usuario, proporciona controles persistentes además de los controles del cuadro de diálogo de Cast.
Android
Diálogo de transmisión durante la transmisión
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=19&hl=es)
El receptor reproduce contenido
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=es)
iOS
Diálogo de transmisión durante la transmisión
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=19&hl=es)
El receptor reproduce contenido
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=es)
Chrome
Diálogo de transmisión durante la transmisión
![Diálogo de transmisión durante la transmisión](https://developers.google.cn/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=19&hl=es)
El receptor reproduce contenido
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=19&hl=es)
Imágenes usadas en esta guía de diseño son cortesía de la Fundación Smoother y se comparten bajo los derechos de autor o licencias Creative Commons.
- Elephant's Dream: (c) Copyright 2006, Mergeer Foundation / Países Bajos Media Art Institute / www.elephantsdream.org
- Sintel: (c) Copyright Mergeer Foundation | www.sintel.org
- Tears of Steel: Base para licuadora (CC) | mango.blender.org
- Big Buck Bunny: (c) Copyright 2008, Smoother Foundation / www.bigbuckbunny.org