El botón para transmitir abre un cuadro de diálogo para conectarse, controlar y desconectarse de los receptores web.
Consulta los íconos de Cast para descargar las plantillas del botón para transmitir.
Ten en cuenta que el botón para transmitir no es específico de Google Cast, ya que se puede usar para representar receptores web y no web (como auriculares Bluetooth). Los receptores web siempre deben aparecer en el cuadro de diálogo de transmisión, y nunca en otro diálogo, menú o control.
Presentar la transmisión a los usuarios
La introducción del botón para transmitir ayuda a los usuarios existentes a saber que la app emisora ahora admite la transmisión y también ayuda a los usuarios nuevos de Google Cast.
Obligatorio
A Mostrar una pantalla de presentación de la primera transmisión
con receptores web disponibles. Para los remitentes de iOS, muestra la pantalla de presentación de la primera vez que aparece el botón para transmitir.
B Para destacar el botón para transmitir, haz un círculo sobre él.
C Explica cómo funciona el botón para transmitir (por ejemplo, muestra un mensaje como "Toca para transmitir videos a la TV").
Android
Introducción al reparto
Transmitir pantalla principal
iOS
Introducción al reparto
Transmitir pantalla principal
Chrome
Introducción al reparto
Transmitir pantalla principal
Disponibilidad del botón para transmitir
Obligatorio
A El botón para transmitir debe
verse desde todas las pantallas en las que haya contenido reproducible y se debe ubicar en una posición coherente
mientras exploras o reproduces contenido. También aparecerá en el encabezado de Chrome para control global.
B Para remitentes distintos de iOS, el botón para transmitir puede ocultarse cuando los receptores web no están disponibles. Para los remitentes de iOS,
siempre se debe mostrar el botón para transmitir cuando el dispositivo esté conectado a una red Wi-Fi, por lo que se puede brindar una ayuda adecuada
si el usuario desactivó el acceso a la red local y los dispositivos se vuelven inaccesibles
(consulta Permisos y descubrimiento de iOS para obtener más detalles).
C En las apps para dispositivos móviles, el botón para transmitir debe estar a la derecha.
D En Chrome, el botón para transmitir debería estar a la derecha de los controles de contenido multimedia de contenido (por ejemplo, ver video incorporado). Si los controles multimedia contienen un botón de pantalla completa, coloca el botón para transmitir a la izquierda de él.
Nota
Google Cast emplea un modelo de tareas múltiples que permite que los usuarios exploren la app emisora y otras apps mientras transmiten. El botón para transmitir debe estar visible en todas las pantallas en las que haya contenido reproducible, de modo que el usuario no tenga que buscar para encontrar dónde pausar o detener el contenido que se reproduce en la TV.
Android
Se desconectó el remitente
Transmitir pantalla principal
iOS
Se desconectó el remitente
Transmitir pantalla principal
Chrome
Se desconectó el remitente
Transmitir pantalla principal
Estados del botón para transmitir
Obligatorio
A No disponible: En Android, cuando no hay receptores web
disponibles, no aparece el botón para transmitir
B Desconectado: cuando están disponibles los receptores web, aparece el
botón para transmitir
C Conectando: Cuando se conecta el receptor web, el botón para transmitir anima las olas en el ícono de manera progresiva (el botón "Transmitir" se encuentra en la parte inferior de la app)
Prácticas recomendadas
Para cada uno de los estados de los botones, usa colores que coincidan con el estilo de otros elementos de la IU de tu app. El uso de un color de resaltado distinto (como amarillo) para el estado Activado / Conectado es opcional.
Notas
- El ícono para transmitir se muestra en Chrome y en iOS para brindar acceso a la extensión de Google Cast, independientemente de la disponibilidad de los dispositivos de transmisión.
- El estado de conexión (animada) aparece cuando la conexión a la API de Cast demora más de lo esperado (los SDK de Android y Chrome animarán automáticamente el ícono de Cast). Una vez conectada, se inicia la app del receptor web.
- Se actualizó el estado Activado / Conectado del ícono para transmitir y ahora usa un relleno sólido dentro del marco del ícono. El nuevo ícono para transmitir y las plantillas de íconos están disponibles aquí.
Android
Remitente, Cast no disponible
Transmitir pantalla principal
Remitente, Cast desconectado
Transmitir pantalla principal
Remitente, conectando Cast
Transmitir pantalla principal
Remitente, conectado a Cast
Cargando la app del receptor web
Remitente, conectado a Cast
App receptora web cargada / inactiva
iOS
Remitente, Cast no disponible
Transmitir pantalla principal
Remitente, Cast desconectado
Transmitir pantalla principal
Remitente, conectando Cast
Transmitir pantalla principal
Remitente, conectado a Cast
Cargando la app del receptor web
Remitente, conectado a Cast
App receptora web cargada / inactiva
Chrome
Remitente, Cast no disponible
El ícono para transmitir se muestra en Chrome para brindar acceso a la extensión de Google Cast, independientemente del estado de conexión.
Transmitir pantalla principal
Remitente, Cast desconectado
Transmitir pantalla principal
Remitente, conectando Cast
Transmitir pantalla principal
Remitente, conectado a Cast
Cargando la app del receptor web
Remitente, conectado a Cast
App receptora web cargada / inactiva
Las imágenes que se usan en esta guía de diseño son cortesía de Blender Foundation, bajo licencia de derechos de autor o Creative Commons.
- Elephant's Dream: (c) Copyright 2006, Blender Foundation / Dutch Media Art Institute/www.elephantsdream.org
- Sintel: (c) Copyright Blender Foundation | www.sintel.org
- Bases de acero: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org