Indicatore di avanzamento dei contenuti multimediali

Il componente Indicatore di avanzamento dei contenuti multimediali è univoco per le app multimediali.

L'indicatore di avanzamento è una rappresentazione visiva della durata e del tempo di riproduzione trascorso per un'origine multimediale. Viene visualizzato nelle app multimediali durante la riproduzione.


Anatomia

L'indicatore di avanzamento dei contenuti multimediali è costituito da una traccia non attiva (visualizzata in grigio) che rappresenta la durata dell'origine dei contenuti multimediali e da una traccia attiva (visualizzata con un colore di accento) che si sovrappone alla traccia inattiva per indicare il tempo di riproduzione trascorso.

Anatomia dell'indicatore di avanzamento dei media
1. Monitoraggio attivo
2. Canale non attivo

L'indicatore di avanzamento dei contenuti multimediali può essere lineare o circolare.

Indicatore di avanzamento dei contenuti multimediali lineari

L'indicatore di avanzamento lineare mostra la durata e il tempo trascorso su un asse orizzontale. La parte visibile della traccia è centrata in un'area di tocco fino a 76 dp. Toccando o trascinando il tempo trascorso, l'utente può spostarsi in posizioni diverse nell'origine multimediale. L'indicatore di avanzamento dei contenuti multimediali lineari è destinato agli schermi di almeno 800 dp.

Anatomia dell'indicatore di avanzamento circolare

L'indicatore di avanzamento circolare mostra la durata e il tempo trascorso in forma di cerchio. Il tocco o il trascinamento del tempo trascorso non è supportato per il trasferimento in luoghi diversi. L'indicatore di avanzamento dei contenuti multimediali circolare è destinato agli schermi di altezza inferiore a 800 dp e da utilizzare quando i controlli di riproduzione dei contenuti multimediali sono ridotti al minimo.

Stati dell'indicatore di avanzamento dei contenuti multimediali

Durante la riproduzione, l'indicatore di avanzamento si trova in uno dei quattro seguenti stati:

  • In riproduzione: i contenuti multimediali sono in riproduzione e la traccia attiva avanza lungo la traccia inattiva per indicare il tempo trascorso.
  • In pausa: la riproduzione è stata messa in pausa dall'utente. La traccia attiva è ferma nel punto in cui la riproduzione è in pausa.
  • Buffer. L'app multimediale carica i contenuti da riprodurre. L'indicatore mostra una linea bianca che avanza ripetutamente lungo la traccia non attiva durante il caricamento dei contenuti.
  • Errore: non è possibile riprodurre contenuti multimediali. Non esiste un canale attivo e il canale inattivo è disattivato.
La traccia attiva avanza lungo la traccia non attiva durante la riproduzione dei contenuti multimediali
Stato di riproduzione: la traccia attiva avanza sulla traccia inattiva durante la riproduzione dei contenuti multimediali.
La traccia attiva è ferma quando la riproduzione dei contenuti multimediali è in pausa
Stato in pausa: la traccia attiva è ferma mentre la riproduzione dei contenuti multimediali è in pausa.
Una linea bianca avanza ripetutamente lungo il canale inattivo durante il caricamento dei contenuti.
Stato di buffering: una linea bianca avanza ripetutamente lungo il canale inattivo durante il caricamento dei contenuti.
La traccia inattiva è disattivata quando c'è un errore di riproduzione medai Stato di errore: quando si verifica un errore multimediale, non viene visualizzata alcuna traccia attiva e la traccia non attiva viene disattivata.

Specifiche

Indicatore di avanzamento dei contenuti multimediali lineari

Linea rossa dell'indicatore di avanzamento dei contenuti multimediali lineari

Indicatore di avanzamento multimediale circolare

Linea rossa dell'indicatore di avanzamento del supporto circolare

Personalizzazione

Durante la riproduzione dei contenuti multimediali, la traccia attiva dell'indicatore di avanzamento dei contenuti multimediali viene visualizzata con un colore intenso. Il colore predefinito è una sfumatura di blu. Gli sviluppatori di app possono scegliere di fornire un colore di accento dell'app che riflette il loro brand multimediale. Allo stesso modo, gli OEM possono fornire un colore di accento che rifletta il brand dell'auto. Se fornito, il colore intenso di un OEM ha la precedenza sul colore di un'app.

Barra di avanzamento dei contenuti multimediali lineari che mostra la traccia attiva utilizzando i colori predefiniti, di terze parti e OEM
Lo stile predefinito dell'indicatore di avanzamento è una sfumatura di blu. Gli sviluppatori di app possono sostituire lo stile dell'app predefinito con il colore intenso del proprio brand (verde in questo esempio). Anche gli OEM possono sostituire sia lo stile predefinito sia quello dello stile dell'app con il colore intenso del proprio brand (in arancione in questo esempio).
Barra di avanzamento dei contenuti multimediali circolare che mostra la traccia attiva utilizzando i colori predefiniti, di terze parti e OEM
Esempi di stili di colore predefiniti, per app e OEM, applicati a un indicatore di avanzamento circolare

La Guida all'integrazione della libreria dell'interfaccia utente dell'auto fornisce indicazioni OEM per la personalizzazione dei componenti.

Per indicazioni specifiche sull'utilizzo del colore per personalizzare i componenti, consulta la pagina Colore.


Esempi

Indicatore di avanzamento dei media lineari in azione
Indicatore di avanzamento dei contenuti multimediali lineari nella visualizzazione di riproduzione delle app multimediali
Indicatore di avanzamento multimediale circolare in azione
Qui viene visualizzato l'indicatore di avanzamento dei contenuti multimediali circolare sul controllo di riproduzione ridotto a icona. Il controllo ridotto a icona si sovrappone alla schermata di una playlist.