Il pulsante Trasmetti apre una finestra di dialogo per connettere, controllare e disconnettere i ricevitori web.
Consulta le icone Trasmetti per scaricare i modelli dei pulsanti Trasmetti.
Tieni presente che il pulsante Trasmetti non è specifico di Google Cast. Può essere utilizzato per rappresentare sia i ricevitori web che quelli non web (ad esempio le cuffie Bluetooth). I ricevitori web devono sempre essere visualizzati nella finestra di dialogo Trasmetti e mai in un'altra finestra di dialogo, menu o controllo.
Presenta Trasmetti agli utenti
La presentazione del pulsante Trasmetti aiuta gli utenti esistenti a sapere che l'app mittente ora supporta la trasmissione e aiuta anche i nuovi utenti di Google Cast.
Obbligatorio
A Mostra una schermata di introduzione a Trasmetti la prima volta che sono disponibili i ricevitori web. Per i mittenti iOS, mostra una schermata di introduzione a Trasmetti
la prima volta che viene visualizzato il pulsante Trasmetti.
B Evidenzia visivamente il pulsante Trasmetti cerchiandolo.
C Spiega come funziona il pulsante Trasmetti (ad esempio,
mostrando un messaggio come "Tocca per trasmettere video alla TV").
Android
Introduzione a Trasmetti
Schermata Home di Trasmetti
iOS
Introduzione a Trasmetti
Schermata Home di Trasmetti
Chrome
Introduzione a Trasmetti
Schermata Home di Trasmetti
Disponibilità del pulsante Trasmetti
Obbligatorio
A Il pulsante Trasmetti deve
essere visibile da ogni schermata in cui sono presenti contenuti riproducibili e deve trovarsi in una posizione coerente
durante la navigazione o la riproduzione dei contenuti. Verrà visualizzato anche nell'intestazione di Chrome per il controllo globale.
B In Chrome, il pulsante Trasmetti può essere nascosto
quando i ricevitori web non sono disponibili. Per i mittenti Android e iOS,
il pulsante Trasmetti deve essere sempre visualizzato quando il dispositivo è connesso al Wi-Fi, in modo da poter fornire l'assistenza adeguata
se l'utente ha disattivato l'accesso alla rete locale e di conseguenza i dispositivi non sono più rilevabili
(per maggiori dettagli, consulta Autorizzazioni e rilevamento di iOS
).
C Nelle app per dispositivi mobili, mostra il pulsante Trasmetti sul lato destro
dello schermo o in una visualizzazione del player. Se si tratta di una visualizzazione del player, posizionalo nell'angolo in alto a destra.
D In Chrome, il pulsante Trasmetti deve trovarsi sul lato destro dei
controlli multimediali dei contenuti (ad esempio, guarda il video incorporato). Se i controlli multimediali contengono un pulsante a schermo intero, posiziona il pulsante Trasmetti alla sua sinistra.
Nota
Google Cast utilizza un modello multitasking che consente agli utenti di navigare nell'app mittente e in altre app durante la trasmissione. Il pulsante Trasmetti deve essere visibile da ogni schermata in cui sono presenti contenuti riproducibili, in modo che l'utente non debba cercare dove mettere in pausa o interrompere la riproduzione dei contenuti sulla TV.
Android
Mittente disconnesso
Schermata Home di Trasmetti
iOS
Mittente disconnesso
Schermata Home di Trasmetti
Chrome
Mittente disconnesso
Schermata Home di Trasmetti
Stati del pulsante Trasmetti
Obbligatorio
A Disconnesso: quando i ricevitori web sono disponibili, viene visualizzato il
pulsante Trasmetti.
B Connessione in corso: quando il ricevitore web è in fase di connessione, il
pulsante Trasmetti anima progressivamente le onde nell'icona (per maggiori dettagli, consulta la nota di seguito).
C Connesso: quando questa app è connessa al
ricevitore web Trasmetti, il pulsante Trasmetti viene visualizzato con una forma di riquadro riempita.
Best practice
Per ciascuno degli stati del pulsante, utilizza colori che corrispondano allo stile degli altri elementi dell'interfaccia utente
della tua app. L'utilizzo di un colore di evidenziazione distinto (ad esempio il giallo) per lo stato ON / Connesso
è facoltativo.
Note
- L'icona Trasmetti viene visualizzata su Chrome, Android e iOS per fornire l'accesso all'estensione Trasmetti indipendentemente dalla disponibilità del Wi-Fi o del dispositivo di trasmissione.
- Lo stato Connessione in corso (animato) viene visualizzato quando la connessione all'API Trasmetti richiede più tempo del previsto (gli SDK Android e Chrome animeranno automaticamente l'icona Trasmetti). Una volta connessa, viene avviata l'app del ricevitore web.
- Lo stato ON / Connesso dell'icona Trasmetti è stato aggiornato e ora utilizza un riempimento solido all'interno del riquadro dell'icona. La nuova icona Trasmetti e i modelli di icone sono disponibili qui.
Android
Mittente, Trasmetti disconnesso
Schermata Home di Trasmetti
Mittente, Trasmetti connessione in corso
Schermata Home di Trasmetti
Mittente, Trasmetti connesso
Caricamento dell'app del ricevitore web
Mittente, Trasmetti connesso
App del ricevitore web caricata / inattiva
iOS
Mittente, Trasmetti non disponibile
Schermata Home di Trasmetti
Mittente, Trasmetti disconnesso
Schermata Home di Trasmetti
Mittente, Trasmetti connessione in corso
Schermata Home di Trasmetti
Mittente, Trasmetti connesso
Caricamento dell'app del ricevitore web
Mittente, Trasmetti connesso
App del ricevitore web caricata / inattiva
Chrome
Mittente, Trasmetti non disponibile
L'icona Trasmetti viene visualizzata in Chrome per fornire l'accesso all'estensione Trasmetti indipendentemente dallo stato della connessione.
Schermata Home di Trasmetti
Mittente, Trasmetti disconnesso
Schermata Home di Trasmetti
Mittente, Trasmetti connessione in corso
Schermata Home di Trasmetti
Mittente, Trasmetti connesso
Caricamento dell'app del ricevitore web
Mittente, Trasmetti connesso
App del ricevitore web caricata / inattiva
Le immagini utilizzate in questa guida di progettazione sono fornite dalla Blender Foundation e condivise con licenza di copyright o licenza Creative Commons.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org