El receptor reproduce contenido en dispositivos que pueden o no tener capacidades de control de tacto. El receptor debe responder de inmediato a las acciones en la app emisora y mediante controles de tacto.
Ejemplos de comentarios sobre la IU del receptor:
- Reproduciendo
- En pausa
- Posición / búsqueda de reproducción
- Interrupciones por almacenamiento en búfer
IU del receptor
Obligatorio
A En el caso de los receptores de audio y video, compila la app receptora de modo que se adapte a cualquier resolución de pantalla y relación de aspecto.
Video
IU del receptor de video
![](https://developers.google.cn/static/cast/images/r/touch-receiver-adaptiveui-video.png?authuser=3&hl=es-419)
Audio
IU del receptor de audio
![](https://developers.google.cn/static/cast/images/r/touch-receiver-adaptiveui-audio.png?authuser=3&hl=es-419)
B En el caso de los receptores de audio y video, no muestres elementos que sugieran gestos táctiles. Por ejemplo, no muestres elementos de visualización para indicar gestos de deslizamiento.
C En el caso de los receptores de audio y video, no muestres ningún elemento que sugiera interacciones táctiles.
D Para los receptores de audio, no muestres ningún elemento de tipo de control, como barras de progreso.
No debes: Mostrar elementos visibles, íconos que pueden parecer botones o elementos de tipo control.
E En el caso de los receptores de video, no muestres metadatos ni elementos de control en el receptor durante la reproducción, incluso en el estado de pausa, para que no entre en conflicto con los controles que muestra el sistema.
Qué no hacer: Mostrar metadatos y controles
F En el caso de los receptores de audio, coloca todos los elementos de metadatos por encima del área protegida de modo que no se superpongan con los controles que muestra el sistema.
Prácticas recomendadas
- Todo el texto debe ser legible a una distancia de entre 1.5 y 3 metros (5 y 10 pies) de la unidad de la pantalla).
App receptora inactiva
Se muestra una pantalla inactiva en el receptor cuando este está en primer plano, pero no se está reproduciendo contenido.
Obligatorio
A Identifica qué app receptora se carga con el logotipo de la app.
B Coloca todos los elementos, incluidos los logotipos de la app, sobre el área protegida, de modo que no se superponga con ningún control que muestre el sistema.
Prácticas recomendadas
- Identifica que la app está cargada mostrando el texto "Listo para transmitir".
- Deja de ejecutar el receptor si está inactivo durante 5 minutos y desconecta todas las apps emisoras conectadas. Cuando se detiene, aparece la pantalla principal del dispositivo para ayudar a evitar el quema de pantalla.
Carga de la app receptora
Cuando un usuario se conecta a un receptor, la app receptora debe cargarse primero antes de que pueda mostrar el estado inactivo de la app o comenzar a reproducir contenido.
Obligatorio
A Para identificar qué app receptora se está cargando, muestra el logotipo de la app.
B Para identificar que la app receptora se está cargando, muestra un ícono giratorio de carga animado.
Carga de contenido del receptor
Mientras se carga el contenido y antes de que comience la reproducción, el receptor debe mostrar información para indicar que se está cargando.
Obligatorio
A Muestra el título o el material gráfico del contenido para identificar el contenido que se carga.
B Para identificar que el contenido se está cargando, muestra un ícono giratorio de carga animado.
Prácticas recomendadas
Cuando reanudes el contenido, retrocede la reproducción de 5 a 10 segundos para que el usuario no se pierda nada durante la transición de un remitente a otro.
Reproducción del receptor
Obligatorio
A En el caso de los receptores de video, no muestres ningún elemento durante la reproducción. Cuando presiones la pantalla, el sistema mostrará los controles del reproductor.
B En el caso de los receptores de audio, coloca todos los elementos de metadatos por encima del área protegida y no muestres ningún elemento de control. Cuando se presione la pantalla, el sistema mostrará los controles del reproductor.
Video
El usuario presiona la pantalla para mostrar los controles del reproductor.
![](https://developers.google.cn/static/cast/images/r/touch-receiver-displaycontrols-video.gif?authuser=3&hl=es-419)
Audio
El usuario presiona la pantalla para mostrar los controles del reproductor.
![](https://developers.google.cn/static/cast/images/r/touch-receiver-displaycontrols-audio.gif?authuser=3&hl=es-419)
Se pausó el receptor
Obligatorio
A En el caso de los receptores de video, no muestres ningún elemento en estado de pausa. El sistema mostrará los controles del reproductor con un botón de reproducción para indicar que se pausó la reproducción.
B En el caso de los receptores de audio, no muestres ningún elemento de control en estado de pausa. El sistema mostrará los controles del reproductor con un botón de reproducción para indicar que se pausó la reproducción.
Prácticas recomendadas
- La app receptora no debe continuar con la reproducción de contenido, a menos que haya una solicitud explícita del usuario para comenzar la reproducción, como reanudar o omitir un elemento en la cola.
- Deja de ejecutar el receptor si está inactivo durante 20 minutos y desconecta todas las apps emisoras conectadas. Cuando se detiene, aparece la pantalla principal del dispositivo para ayudar a evitar el quema de pantalla.
- Garantizar la alineación con la implementación futura de sesiones en segundo plano
- Si corresponde, cuando el receptor se detenga debido a un tiempo de inactividad, almacena la ubicación de pausa para que el usuario pueda reanudar la reproducción desde ese punto en otro momento.
Video
Se pausó el video
![](https://developers.google.cn/static/cast/images/r/touch-receiver-paused-video.png?authuser=3&hl=es-419)
Audio
Se pausó el audio
![](https://developers.google.cn/static/cast/images/r/touch-receiver-paused-audio.png?authuser=3&hl=es-419)
Almacenamiento en búfer del receptor
El almacenamiento en búfer en el receptor se produce cuando la latencia de la red y otros factores causan una demora en la reproducción.
Obligatorio
A No muestres ningún elemento, incluso si el almacenamiento en búfer continúa durante varios segundos. Los usuarios pueden presionar la pantalla para ver los controles del reproductor o deslizar el dedo para volver atrás.
Video
Almacenamiento en búfer del receptor
![](https://developers.google.cn/static/cast/images/r/touch-receiver-buffering-video.gif?authuser=3&hl=es-419)
Audio
Almacenamiento en búfer del receptor
![](https://developers.google.cn/static/cast/images/r/touch-receiver-buffering-audio.gif?authuser=3&hl=es-419)
El receptor detiene la transmisión.
Cuando se detiene la reproducción o se agota el tiempo de espera, el receptor mostrará la IU inactiva del receptor.
Obligatorio
A Muestra un logotipo de la app para identificar qué app receptora está cargada o inactiva.
B Coloca todos los elementos, incluidos los logotipos de la app, sobre el área protegida, de modo que no se superponga con ningún control que muestre el sistema.
Prácticas recomendadas
- Desconéctate de la app receptora y deja de ejecutarse si está inactiva durante 5 minutos. Cuando se detiene, aparece la pantalla principal del receptor para ayudar a evitar el quema de pantalla.
Las imágenes que se usan en esta guía de diseño son cortesía de Blender Foundation, y se comparten bajo los derechos de autor o una licencia Creative Commons.
- Elephant's Dream: (c) Copyright 2006, Blender Foundation / Países Bajos Media Art Institute/www.elephantsdream.org
- Sintel: (c) Copyright Blender Foundation | www.sintel.org
- Tears of Steel (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org