Indicador de progreso de los medios

El componente indicador de progreso de medios es exclusivo de las aplicaciones de medios .

El indicador de progreso es una representación visual de la duración y el tiempo de reproducción transcurrido de una fuente multimedia. El indicador de progreso aparece en las aplicaciones multimedia durante la reproducción.

Anatomía

El indicador de progreso de medios consta de una pista inactiva (mostrada en gris) que representa la duración de la fuente de medios y una pista activa (mostrada con un color de acento) que se superpone a la pista inactiva para indicar el tiempo de reproducción transcurrido.

Anatomía del indicador de progreso de los medios
1. Pista activa
2. Pista inactiva

El indicador de progreso de los medios puede ser lineal o circular .

Indicador de progreso de medios lineal

El indicador de progreso lineal muestra la duración y el tiempo transcurrido en un eje horizontal. La parte visible de la pista está centrada en un área táctil de 76 dp. Al tocar o arrastrar el tiempo transcurrido, el usuario puede desplazarse a diferentes ubicaciones en la fuente multimedia. El indicador de progreso lineal está diseñado para pantallas de 800 dp o más.
Anatomía del indicador de progreso circular

El indicador circular de progreso muestra la duración y el tiempo transcurrido como un círculo. No es posible tocar ni arrastrar el tiempo transcurrido para desplazarse a otras ubicaciones. El indicador circular de progreso multimedia está diseñado para pantallas de menos de 800 dp y para usarse cuando los controles de reproducción multimedia están minimizados.

Estados indicadores de progreso de los medios

Durante la reproducción, el indicador de progreso se encuentra en uno de cuatro estados:

  • Reproducción: el medio se está reproduciendo y la pista activa avanza sobre la pista inactiva para indicar el tiempo transcurrido.
  • Pausado: El usuario pausó la reproducción. La pista activa está detenida en el punto donde se pausa la reproducción.
  • Buffering: La aplicación multimedia está cargando contenido para reproducir. El indicador muestra una línea blanca que avanza repetidamente por la pista inactiva mientras se carga el contenido.
  • Error: No se puede reproducir el contenido multimedia. No hay ninguna pista activa y la pista inactiva está deshabilitada.

    La pista activa avanza a través de la pista inactiva a medida que se reproduce el contenido multimedia.
    Estado de reproducción: la pista activa avanza a través de la pista inactiva a medida que se reproduce el medio.
    La pista activa está estacionaria mientras la reproducción de medios está en pausa
    Estado en pausa: la pista activa está estacionaria mientras la reproducción multimedia está en pausa.
    Una línea blanca avanza repetidamente a través de la pista inactiva mientras se carga el contenido.
    Estado de almacenamiento en búfer: una línea blanca avanza repetidamente a través de la pista inactiva mientras se carga el contenido.
    La pista inactiva se desactiva cuando hay un error de reproducción de medios.
    Estado de error: cuando ocurre un error de medios, no se muestra ninguna pista activa y la pista inactiva se deshabilita.

Especificaciones

Indicador de progreso de medios lineal

Indicador de progreso de medios lineales línea roja

Indicador de progreso de los medios circulares

Indicador de progreso de los medios circulares

Personalización

Durante la reproducción multimedia, la pista activa del indicador de progreso se muestra con un color de acento. El color de acento predeterminado es un tono azul. Los desarrolladores de aplicaciones pueden optar por un color de acento que refleje su marca multimedia. De igual forma, los fabricantes de equipos originales (OEM) pueden proporcionar un color de acento que refleje la marca de su coche. Si se proporciona, el color de acento del OEM prevalece sobre el de la aplicación.

Barra de progreso de medios lineal que muestra la pista activa utilizando colores de acento predeterminados, de terceros y OEM
El estilo predeterminado del indicador de progreso es azul. Los desarrolladores de aplicaciones pueden sobrescribir el estilo predeterminado con el color de su marca (verde en este ejemplo). Los fabricantes de equipos originales (OEM) también pueden sobrescribir el estilo predeterminado y el de la aplicación con el color de su marca (naranja en este ejemplo).

Barra de progreso de medios circular que muestra la pista activa usando colores de acento predeterminados, de terceros y OEM
Ejemplos de estilos de acento de color predeterminados, de aplicaciones y OEM aplicados a un indicador de progreso circular.

La Guía de integración de la biblioteca de interfaz de usuario del automóvil proporciona orientación OEM para personalizar los componentes.

Ejemplos

Indicador de progreso de medios lineales en acción
Indicador de progreso de medios lineal en la vista de reproducción de la aplicación de medios.

Indicador de progreso de los medios circulares en acción
Aquí, el indicador circular de progreso multimedia aparece en el control de reproducción minimizado. Este control se superpone a una pantalla de lista de reproducción.