Indicatore di avanzamento dei contenuti multimediali

Il componente Indicatore di avanzamento dei contenuti multimediali è specifico delle app multimediali.

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


Anatomia

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

Anatomia dell'indicatore dell'avanzamento dei contenuti multimediali
1. Canale 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 touch target di 76 dp. Toccare o trascinare il tempo trascorso consente all'utente di spostarsi in posizioni diverse nell'origine multimediale. L'indicatore di avanzamento dei contenuti multimediali lineari è destinato a schermi di altezza pari o superiore a 800 dp.

Anatomia dell'indicatore circolare dei progressi

L'indicatore di avanzamento circolare mostra la durata e il tempo trascorso sotto forma di cerchio. Toccare o trascinare il tempo trascorso non è supportato per lo spostamento in posizioni diverse. L'indicatore circolare dell'avanzamento dei contenuti multimediali è concepito per schermi con un'altezza inferiore a 800 dp e può essere utilizzato quando i controlli per la riproduzione dei contenuti multimediali sono ridotti a icona.

Stati dell'indicatore di avanzamento dei contenuti multimediali

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

  • In riproduzione: i contenuti multimediali sono in riproduzione e il brano attivo avanza lungo il brano inattivo, per indicare il tempo trascorso.
  • In pausa: l'utente ha messo in pausa la riproduzione. Il brano attivo è fermo nel punto in cui la riproduzione è in pausa.
  • Buffer: l'app multimediale sta caricando i contenuti da riprodurre. L'indicatore mostra una linea bianca che avanza ripetutamente lungo la traccia non attiva durante il caricamento dei contenuti.
  • Errore:i contenuti multimediali non possono essere riprodotti. Non è presente alcun canale attivo e il canale non attivo è disattivato.
La traccia attiva avanza lungo la traccia non attiva durante la riproduzione dei contenuti multimediali.
Stato di riproduzione: la traccia attiva avanza lungo la traccia non attiva durante la riproduzione dei contenuti multimediali.
Il brano attivo è fermo mentre la riproduzione multimediale è in pausa
Stato in pausa: il brano attivo è fermo mentre la riproduzione dei contenuti multimediali è in pausa.
Una linea bianca avanza ripetutamente lungo la traccia non attiva durante il caricamento dei contenuti
Stato di buffer: una linea bianca avanza ripetutamente lungo la traccia non attiva durante il caricamento dei contenuti.
La traccia non attiva viene disattivata in caso di errore di riproduzione dei contenuti multimediali Stato di errore: quando si verifica un errore multimediale, non viene visualizzato alcun canale attivo e il canale non attivo viene disabilitato.

Specifiche

Indicatore di avanzamento dei contenuti multimediali lineari

Linea rossa indicatore di avanzamento dei contenuti multimediali lineare

Indicatore circolare di avanzamento dei contenuti multimediali

Linea rossa indicatore di avanzamento dei media circolare

Funzionalità di

Durante la riproduzione di contenuti multimediali, la traccia attiva dell'indicatore di avanzamento dei contenuti multimediali viene visualizzata con un colore intenso. Il colore intenso predefinito è una tonalità di blu. Gli sviluppatori di app possono scegliere di fornire invece un colore di contrasto dell'app che rifletta il loro brand media. Analogamente, gli OEM possono fornire un colore di contrasto che rifletta il brand automobilistico. Se fornito, il colore di contrasto OEM ha la precedenza sul colore di contrasto di un'app.

Barra di avanzamento lineare dei contenuti multimediali che mostra la traccia attiva che utilizza colori intensi predefiniti, di terze parti e OEM
Lo stile predefinito per l'indicatore di avanzamento è blu. Gli sviluppatori di app possono sostituire lo stile predefinito dell'app con il colore di contrasto del proprio brand (in questo esempio il verde). Anche gli OEM possono sostituire sia lo stile predefinito sia quello dell'app con il colore di contrasto del proprio brand (in questo esempio, arancione).
Barra di avanzamento circolare dei contenuti multimediali che mostra la traccia attiva che utilizza colori intensi predefiniti, di terze parti e OEM
Esempi di stili con colori intensi 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 per gli OEM per la personalizzazione dei componenti.

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


Esempi

Indicatore di avanzamento dei contenuti multimediali lineare in azione
Indicatore di avanzamento lineare dei contenuti multimediali nella visualizzazione di riproduzione dell'app di contenuti multimediali
Indicatore circolare dell'avanzamento dei contenuti multimediali in azione
In questo caso, l'indicatore di avanzamento circolare dei contenuti multimediali viene visualizzato sul controllo di riproduzione ridotto a icona. Il controllo ridotto si sovrappone alla schermata della playlist.