Personalizar controles de reproducción

Una vez que decidas cómo organizar el contenido de tu app para navegar y explorar, considera si quieres una fila o controles personalizados para reproducir el contenido.

Los fabricantes de automóviles y Google se encargan de implementar y diseñar la vista de reproducción, la barra de control minimizada y la fila. También proporcionan un conjunto básico de controles de reproducción, que incluyen los siguientes:

  • Reproducir/Pausar
  • Siguiente (si tu app lo admite)
  • Anterior (si tu app lo admite)
  • Desbordamiento

Sin embargo, si deseas personalizar la fila o proporcionar acciones de reproducción adicionales, debes decidir lo siguiente:

  • Indica si se deben mostrar las miniaturas de los elementos de la fila.
  • Indica si se debe mostrar un ícono o el tiempo transcurrido del elemento que se está reproduciendo en la fila.
  • Indica si se deben incluir en la fila los elementos que se reprodujeron anteriormente.
  • Qué acciones personalizadas quieres que aparezcan en la barra de control y si deben reemplazar los controles Siguiente y Anterior del fabricante del automóvil
  • Cómo se verán los íconos que representan los estados pertinentes de cada acción (como disponible e inhabilitada)

Ejemplos de la vista de reproducción

Canción que se está reproduciendo
La vista de reproducción muestra la canción que se está reproduciendo.


Menú ampliado a la derecha
El usuario abrió el menú ampliado en el lado derecho de la pantalla, que ofrece más funciones.

Controles de reproducción en una app de contenido multimedia
Una vista de ejemplo de los controles de reproducción en una app de contenido multimedia.

Requisitos de los controles de reproducción

Cuando diseñes los controles de reproducción, prioriza lo siguiente:

  • IU de la app coherente: Los desarrolladores de apps deben hacer que los controles de reproducción multimedia personalizados en los automóviles sean coherentes con las experiencias de los usuarios en otras apps y dispositivos.
  • Legibilidad: El texto puede parecer más pequeño cuando se combina con iconografía, por lo que el texto en los íconos debe maximizarse dentro del espacio disponible.

Estos requisitos y recomendaciones te ayudarán a crear controles eficaces.

Nivel de requisito Requisitos
OBLIGATORIO
  • Proporciona íconos vectoriales monocromáticos para las acciones personalizadas que agregues y cámbialos de forma dinámica para indicar el estado.
  • DEBE
  • Si usas texto o números en un ícono, usa el espacio máximo en el cuadro delimitador para que el texto sea lo más grande y legible posible.
  • MAYO
  • Proporciona hasta 6 customactions (o hasta 8, si no usas Next y Previous).
  • Fila

    También debes proporcionar a los usuarios una forma rápida y sencilla de explorar la fila de contenido multimedia próximo. La fila de medios próximos puede incluir artistas y miniaturas, como se muestra en los siguientes ejemplos.

    Fila en modo vertical
    Fila en modo vertical


    Fila en modo horizontal
    En la fila en modo horizontal

    Requisitos de la fila

    Para ayudar a minimizar las distracciones mientras conduces, asegúrate de que los usuarios puedan ver lo que se está reproduciendo en un vistazo.

    Nivel de requisito Requisitos
    DEBE
  • Proporciona un indicador para el elemento de la fila de reproducción que se está reproduciendo
  • Incluye los elementos reproducidos anteriormente en la fila.
    Para obtener más información sobre los indicadores de progreso y la fila, consulta Cómo habilitar el control de reproducción.
  • MAYO
  • Proporciona miniaturas para los elementos de la fila.