Personalizzare i controlli di riproduzione

Oltre a decidere come organizzare i contenuti dell'app per la navigazione e l'esplorazione, devi decidere se vuoi creare una coda o controlli personalizzati per la riproduzione dei contenuti.

Le case automobilistiche e Google si occupano di implementare e definire lo stile della visualizzazione di riproduzione, della barra di controllo ridotta al minimo e della coda. Fornisce inoltre un insieme di controlli di riproduzione di base, tra cui Riproduci/Metti in pausa, Avanti, Indietro e Overflow. Le azioni Successiva e Precedente dipendono dal supporto di queste azioni da parte dell'app. Se questi controlli sono sufficienti per la tua app, non devi fare altro.

Tuttavia, se vuoi fornire una coda o l'accesso ad azioni di riproduzione aggiuntive oltre a quelle fornite dalle case automobilistiche, devi decidere:

• Indica se visualizzare miniature per gli elementi della coda
• Se visualizzare un'icona o il tempo trascorso per l'elemento attualmente in riproduzione nella coda
• Indica se includere nella coda gli elementi riprodotti in precedenza.
• Le azioni personalizzate che vuoi visualizzare nella barra di controllo e se devono sostituire i controlli Avanti e Precedente della casa automobilistica
• L'aspetto delle icone che rappresentano gli stati pertinenti di ogni azione (ad esempio disponibile e disattivata)

Nota: le azioni personalizzate vengono visualizzate nell'ordine in cui vengono aggiunte a PlaybackState. Le icone sono specificate come risorse icona. Per maggiori dettagli, consulta la sezione Aggiungere azioni di riproduzione personalizzate.

Visualizzazione di riproduzione

Una delle funzionalità più importanti da progettare per un'app multimediale è la visualizzazione di riproduzione.

Esempi di visualizzazione di riproduzione

Questa visualizzazione di riproduzione mostra il brano attualmente in riproduzione (Android Auto).

L'utente ha aperto il menu extra sul lato destro dello schermo, che offre ulteriori funzionalità (Android Auto).

Questa visualizzazione di riproduzione mostra il brano attualmente in riproduzione (AAOS).

L'utente ha aperto il menu extra sul lato destro dello schermo, che offre ulteriori funzionalità (AAOS).

Due esempi (elenco e griglia) di app multimediali su AAOS (verticale)

Requisiti per il controllo della riproduzione

Tieni presente i seguenti requisiti e consigli:

Livello dei requisiti	Requisiti
DEVE	Gli sviluppatori di app devono: Fornisci icone vettoriali monocromatiche per tutte le azioni personalizzate che aggiunge e modificale in modo dinamico per indicare lo stato
DOVREBBE	Gli sviluppatori di app devono: Se in un'icona utilizzi del testo (inclusi i numeri), utilizza lo spazio massimo nel riquadro di delimitazione per rendere il testo il più grande e leggibile possibile
MAG	Gli sviluppatori di app possono: Fornisci fino a 6 azioni personalizzate (o fino a 8, se non utilizzi Avanti e Indietro)

Ragionamento

• UI dell'app coerente: gli sviluppatori di app devono allineare le interfacce per le azioni personalizzate nelle app multimediali con azioni simili note agli utenti su altri dispositivi per creare esperienze familiari per l'auto.
• Precisione: il testo può apparire più piccolo se abbinato all'iconografia, quindi il testo nelle icone deve essere ingrandito all'interno dello spazio disponibile.

Coda

Dovresti anche fornire all'utente un modo per sfogliare l'elenco delle sorgenti audio.

Esempi di code

Qui l'utente può controllare la coda dei contenuti multimediali imminenti (Android Auto).

Qui l'utente vede l'elenco dei contenuti multimediali imminenti (AAOS).

Qui l'utente può rivedere la coda dei contenuti multimediali imminenti (AAOS, verticale).

Requisiti per le code

Livello dei requisiti	Requisiti
DOVREBBE	Gli sviluppatori di app devono: Fornisci un indicatore per l'elemento della coda attualmente in riproduzione Includi nella coda gli elementi riprodotti in precedenza Per scoprire di più sugli indicatori di avanzamento e sulla coda, consulta la pagina Attivare il controllo della riproduzione.
MAG	Gli sviluppatori di app possono: Fornire miniature per gli elementi della coda

Ragionamento

• Interfaccia utente intuitiva: gli utenti devono essere in grado di vedere a colpo d'occhio cosa è in riproduzione.