Il ricevitore riproduce contenuti su dispositivi che potrebbero o meno avere funzionalità di controllo touch. Il destinatario deve rispondere immediatamente alle azioni nell'app del mittente, nonché tramite i controlli touch.
Esempi di feedback sull'interfaccia utente del destinatario:
- In riproduzione
- In pausa
- Posizione di riproduzione / ricerca
- Buffering
UI del destinatario
Obbligatorio
A Per i ricevitori video e audio, crea l'app del ricevitore in modo che sia adattiva in modo che possa adattarsi a qualsiasi risoluzione e formato dello schermo.
Video
UI ricevitore video
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-adaptiveui-video.png?authuser=5&hl=it)
Audio
UI ricevitore audio
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-adaptiveui-audio.png?authuser=5&hl=it)
B Per i ricevitori video e audio, non visualizzare elementi che suggeriscono gesti tattili. Ad esempio, non visualizzare gli elementi di visualizzazione per indicare i gesti di scorrimento.
C Per i ricevitori video e audio, non mostrare elementi che suggeriscano interazioni tramite tocco.
D Per i ricevitori audio, non visualizzare elementi di tipo controllo come le barre di avanzamento.
Non: mostrare elementi di visualizzazione, icone che possono avere l'aspetto di pulsanti o elementi di tipo di controllo.
E Per i ricevitori video, non visualizzare metadati o elementi di controllo sul ricevitore durante la riproduzione, anche quando sono in stato di pausa, in modo che non siano in conflitto con i controlli visualizzati dal sistema.
Non: mostrare metadati e controlli
F Per i ricevitori audio, posiziona tutti gli elementi di metadati sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.
Best practice
- Tutto il testo deve essere leggibile da una distanza di 1,5-3 metri dall'unità di visualizzazione.
App del ricevitore inattiva
Quando il ricevitore è in primo piano, ma non è in riproduzione alcun contenuto, viene visualizzata una schermata "inattiva" sul ricevitore.
Obbligatorio
A Identifica l'app del destinatario caricata
utilizzando il logo dell'app.
B Posiziona tutti gli elementi, inclusi i loghi delle app, sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.
Best practice
- Verifica che l'app sia stata caricata visualizzando il testo "Pronta per trasmettere".
- Interrompi l'esecuzione del destinatario se inattivo per 5 minuti e disconnetti tutte le app del mittente collegate. Quando il dispositivo è interrotto, viene visualizzata la schermata Home che contribuisce a impedire la masterizzazione dello schermo.
Caricamento dell'app del destinatario
Quando un utente si connette a un ricevitore, l'app del destinatario deve essere caricata prima di poter visualizzare lo stato di inattività dell'app o iniziare a riprodurre contenuti.
Obbligatorio
A Identifica quale app del destinatario viene caricata visualizzando
il logo dell'app.
B Identifica che l'app del destinatario è in fase di caricamento
visualizzando una rotellina di caricamento animata.
Caricamento dei contenuti del destinatario
Durante il caricamento dei contenuti e prima dell'inizio della riproduzione, il ricevitore dovrebbe mostrare informazioni per indicare che i contenuti sono in fase di caricamento.
Obbligatorio
A Identifica i contenuti caricati visualizzandone il titolo o l'artwork.
B Identifica che i contenuti sono in fase di caricamento visualizzando
un'icona di caricamento in rotazione animata.
Best practice
Quando riprendi i contenuti, riavvolgi la riproduzione di 5-10 secondi in modo che lo spettatore non perda nulla durante la transizione dal mittente al destinatario.
Riproduzione del ricevitore
Obbligatorio
A Per i ricevitori video, non visualizzare alcun elemento durante la riproduzione. Durante il tocco sullo schermo, il sistema mostrerà i controlli del player.
B Per i ricevitori audio, posiziona tutti gli elementi di metadati sopra l'area protetta e non visualizzare alcun elemento di controllo. Durante il tocco sullo schermo, il sistema mostrerà i controlli del player.
Video
L'utente tocca lo schermo per visualizzare i controlli del player.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-displaycontrols-video.gif?authuser=5&hl=it)
Audio
L'utente tocca lo schermo per visualizzare i controlli del player.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-displaycontrols-audio.gif?authuser=5&hl=it)
Ricevitore in pausa
Obbligatorio
A Per i ricevitori video, non visualizzare alcun elemento in stato di pausa. Il sistema mostrerà i controlli del player con un pulsante di riproduzione per indicare che la riproduzione è in pausa.
B Per i ricevitori audio, non mostrare alcun elemento di controllo
in stato di pausa. Il sistema mostrerà i controlli del player con un pulsante di riproduzione per indicare che la riproduzione è in pausa.
Best practice
- L'app del destinatario non deve continuare la riproduzione dei contenuti, a meno che l'utente non abbia richiesto esplicitamente di iniziare la riproduzione, ad esempio riprendere o saltare un elemento in coda.
- Interrompi l'esecuzione del destinatario se inattivo per 20 minuti e disconnetti tutte le app del mittente collegate. Quando il dispositivo è interrotto, viene visualizzata la schermata Home che evita la bruciatura dello schermo.
- Garantisci l'allineamento con l'implementazione futura delle sessioni in background.
- Se applicabile, quando il ricevitore viene arrestato a causa di un tempo di inattività, memorizza la posizione in pausa in modo che l'utente possa riprendere la riproduzione da quel punto in un secondo momento.
Video
Video in pausa
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-paused-video.png?authuser=5&hl=it)
Audio
Audio in pausa
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-paused-audio.png?authuser=5&hl=it)
buffering del destinatario
Il buffering sul ricevitore si verifica quando la latenza di rete o altri fattori causano un ritardo nella riproduzione.
Obbligatorio
A Non visualizzare alcun elemento anche se il buffer continua per diversi secondi. Gli utenti possono toccare lo schermo per visualizzare i controlli del player o scorrere per tornare indietro.
Video
buffer del ricevitore
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-buffering-video.gif?authuser=5&hl=it)
Audio
buffer del ricevitore
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-buffering-audio.gif?authuser=5&hl=it)
Il ricevitore interrompe la trasmissione
Quando la riproduzione si interrompe o si verifica un timeout, il ricevitore mostrerà l'UI di inattività del ricevitore.
Obbligatorio
A Identifica quale app del destinatario è caricata o inattiva visualizzando il logo di un'app.
B Posiziona tutti gli elementi, inclusi i loghi delle app, sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.
Best practice
- Disconnettiti dall'app del destinatario e interrompi l'esecuzione se è inattiva per 5 minuti. Quando il dispositivo è fermo, viene visualizzata la schermata Home del ricevitore, che aiuta a prevenire la bruciatura dello schermo.
Le immagini utilizzate in questa guida alla progettazione sono gentilmente concesse da Blender Foundation e sono condivise dietro copyright o licenza Creative Commons.
- Il sogno degli elefanti: (c) copyright 2006, Blender Foundation / Paesi Bassi Media Art Institute/ www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Lacrime d'acciaio: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org