Google Cast permite que las apps web de Android, iOS y Chrome "transmitan" contenido, como video, audio y uso compartido de pantalla (duplicación), a dispositivos compatibles con Cast, como los siguientes:
- Google Chromecast
- TVs que funcionan con Google Cast
- Bocinas que funcionan con Google Cast
- Pantallas inteligentes (un monitor LCD portátil con pantalla táctil que se usa como cliente ligero)
- Tablets Android
En el modelo de interacción de Google Cast, el teléfono celular, la tablet o la laptop es el emisor, que actúa como control remoto para controlar la reproducción, y la TV, la pantalla o la tablet en la estación de carga es el receptor, que recibe instrucciones del emisor y muestra el contenido de la conexión a Internet del receptor. Todas las acciones del usuario (presiones y deslizamientos) pueden realizarse en ambos, el dispositivo del remitente o el receptor web.
La transmisión se basa en la coordinación entre dos o más pantallas; la IU del remitente y la del receptor deben funcionar en conjunto. Por ejemplo, si presionas un botón en un dispositivo móvil para pausar el contenido, la TV debería indicar que está pausado, mientras que el dispositivo móvil debería proporcionar un botón de reproducción para reanudar la reproducción.
Consideraciones
Debido a las limitaciones de hardware y recursos, existen ciertas restricciones para las aplicaciones compatibles con Google Cast:
- El dispositivo de transmisión es un dispositivo de baja potencia con limitaciones de memoria, CPU y GPU, por lo que la aplicación del receptor web debe ser lo más liviana posible.
- En el caso de los modelos de interacción de Cast y Google Cast, se pueden crear pestañas, ventanas o ventanas emergentes en el receptor web o la app del remitente, así como aceptar directamente la entrada del usuario, como toques o deslizamientos. Por ejemplo, la app del receptor web en una tablet o pantalla conectada puede mostrar un botón de pausa y recibir el toque de un usuario. De esta manera, todas las acciones de la aplicación deben activarse desde un receptor web o una aplicación emisora.
- Las pantallas inteligentes admiten entradas del usuario a través de una app del remitente o a través de la IU.
- El receptor web es un navegador Chrome optimizado para la reproducción de video. Por lo tanto, actualmente no se admiten WebGL ni Chrome Native Client (NaCL), ni tampoco las extensiones de Chrome.
- Cast admite la reproducción de una sola transmisión de contenido multimedia simultánea en las etiquetas
<audio>
y<video>
, o varias pistas de audio con la API de WebAudio. Solo un elemento de video puede estar activo en el DOM a la vez. Además, no se admiten la composición, la manipulación, las transformaciones, las rotaciones ni el zoom de videos.
Principios generales de diseño
Ten en cuenta lo siguiente cuando desarrolles tu interfaz de usuario.
Interfaz del receptor web:
- El receptor web puede tener elementos interactivos y elementos informativos para describir el estado de la app, como si está pausada o reproduciendo contenido, o mensajes de error. La interacción del usuario puede ocurrir en el dispositivo de envío de Cast (teléfono, tablet o navegador Chrome) o en el receptor web (TV, pantallas o tablets).
- Recuerda que la acción de video ocurre en el medio de la pantalla de la TV, y los elementos de la IU no deben interferir con la presentación. Coloca los elementos de la IU en el tercio inferior de la pantalla del receptor web, dejando un margen del 10% desde los bordes de la pantalla para un posible overscan.
- Cuando sea posible, las transiciones de un estado de pantalla a otro deben ser fluidas y tener una sensación cinematográfica. En lugar de movimientos bruscos de un estado a otro, usa transiciones como el fundido de entrada y salida. Por ejemplo, el estado de carga de contenido permanece en la pantalla y se desvanece en la experiencia de reproducción de contenido multimedia.
Interfaz del remitente:
- El remitente admite acciones del usuario, y el receptor web muestra información de estado. Por ejemplo, si el contenido está pausado, la TV debe indicar que está pausado, mientras que el dispositivo móvil indica que está listo para comenzar a reproducirse (por ejemplo, mostrándole al usuario un botón de reproducción).
- La velocidad es importante. Los usuarios deben poder ubicar rápidamente el control de transmisión y ver que el contenido comience a reproducirse de inmediato en la pantalla grande. Mientras se carga el contenido, proporciona indicadores de carga animados y usa transiciones para que parezca que todo es más rápido.
La forma más fácil de garantizar que tu aplicación para Cast siga estos principios es revisar tu interfaz de usuario con la lista de tareas de diseño de Cast y probar tus aplicaciones para Cast.
Lineamientos de marca
Los siguientes lineamientos de desarrollo de la marca de Google Cast están destinados a desarrolladores de apps y se enfocan en los requisitos adicionales que debes cumplir para describir tu app en texto. Para ver los lineamientos de desarrollo de la marca de los dispositivos Cast, consulta el Centro de comarketing. Puedes usar el término “compatible con Google Cast” para informar a los usuarios que tu app funciona con Google Cast. Sin embargo, asegúrate de que tu app cumpla con las Condiciones del Servicio Adicionales para Desarrolladores del SDK de Cast y la Lista de tareas del diseño, y de que el uso de la insignia "Compatible con Google Cast" cumpla con nuestros lineamientos de desarrollo de la marca.
De manera similar, puedes usar una insignia de Google Cast siempre que tu app o dispositivo cumpla con nuestros lineamientos de insignias. Google se reserva el derecho de solicitarte que modifiques o dejes de usar la insignia si no cumple con los lineamientos de desarrollo de la marca.
"Google Cast" en texto
- Cuando describas una app (no un producto de hardware) como compatible con Cast, usa la frase "Compatible con Google Cast". Por ejemplo: "Esta app es compatible con Google Cast".
- Cuando describas un producto de hardware de terceros compatible con Cast, usa "Esta {TV} funciona con Google Cast" o "Estas {bocinas} funcionan con Google Cast".
- Cuando se escriben en texto, “Google” y “Cast” deben escribirse en mayúsculas.
- En cualquier recurso de marketing que utilice "Google Cast" en el texto o en la insignia o el logotipo, debes incluir la siguiente atribución legal: Google Cast es una marca de Google LLC.
- No coloques Google Cast en el título de la app (como XYZ Google Cast App).
Mensajes de apps compatibles con Google Cast
Puedes promocionar tu app de la siguiente manera:
- "XYZ es una app compatible con Google Cast que te permite transmitir tu contenido de entretenimiento favorito desde tu dispositivo móvil a la TV".
- "La app XYZ ahora está disponible para TVs que funcionan con Google Cast".
- "La app de XYZ ahora está disponible para todos los productos de Google Cast, incluidos Google Chromecast, Google Cast Audio, y TVs y bocinas que funcionan con Google Cast".
- "La app de XYZ es compatible con Google Cast, lo que te permite disfrutar de todos tus programas, películas, música y juegos favoritos en tu TV que funciona con Google Cast".
- "La app XYZ ahora es compatible con Google Cast, lo que permite a los usuarios transmitir contenido de su teléfono a su TV compatible con Google Cast".
Insignia de Google Cast
Puedes usar las insignias de “Google Cast” en tu sitio web, la ficha de Play Store, los materiales de marketing y los materiales promocionales para mostrar la compatibilidad con los dispositivos que usan el protocolo Cast.
- No modifiques el color, las proporciones, el espaciado ni ningún otro aspecto de la imagen de la insignia.
- Cuando se usa junto con logotipos de otras tecnologías de ingredientes (por ejemplo, Bluetooth, Spotify Connect, AirPlay, etcétera), la insignia de Google Cast debe tener el mismo tamaño o uno mayor.
- No hagas que la insignia sea el elemento principal de tu página.
- Mantén cierta distancia entre la insignia y otros logotipos y íconos de la página.
- Cuando se use sobre un fondo blanco, claro o de tonos medios, usa una insignia negra.
- Cuando se use sobre un fondo negro o de tonos oscuros, usa la insignia blanca.
- No uses la insignia en una página que contenga o muestre contenido para adultos, que promueva juegos de apuestas, que promueva la violencia, que contenga incitación al odio o a la violencia, que implique la venta de tabaco o alcohol a personas menores de veintiún años, que incumpla otras leyes o reglamentaciones aplicables o que sea censurable.
Vinculación de insignias
Cuando se usa en línea, la insignia de Google Cast debe vincularse a una de las siguientes opciones:
- Consulta la lista de apps y productos compatibles con Google Cast en g.co/castapps.
- Es una lista de los productos que publicaste.
- Una página de detalles de un producto específico que hayas publicado
- Una lista de las apps que publicaste.
- Una página específica de detalles de la app publicada por ti, en Google Play o en la App Store de Apple
Descarga los recursos de la insignia de Google Cast
El paquete de descarga incluye formatos Portable Network Graphics (.png), Adobe Illustrator (.ai) y Encapsulated Postscript (.eps).
Vista previa de insignias de Google Cast
Consulta la página de lineamientos de las insignias del Centro de socios para ver todas las insignias disponibles y las instrucciones de uso.