Pulsante Trasmetti

Il pulsante Trasmetti apre una finestra di dialogo per connettersi, controllare e disconnettersi dai Ricevitori web.

Visita la sezione Icone di trasmissione per scaricare i modelli del pulsante Trasmetti.

Tieni presente che il pulsante Trasmetti non è specifico per Google Cast, ma può essere utilizzato per rappresentare sia i ricevitori web che non web (come le cuffie Bluetooth). I Ricevitori web devono sempre apparire nella finestra di dialogo Trasmetti e mai in un'altra finestra di dialogo, menu o controllo.

Presentare Google Cast agli utenti

Il pulsante Trasmetti aiuta gli utenti esistenti a sapere che ora l'app mittente supporta la trasmissione e aiuta gli utenti nuovi utenti di Google Cast.

Obbligatorio
A Mostra una schermata introduttiva all'introduzione la prima volta che vengono ricevuti Ricevitori web. Per i mittenti iOS, mostra una schermata introduttiva 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

Presentazione

Schermata Home di Google Cast

iOS

Presentazione

Schermata Home di Google Cast

Google Chrome

Presentazione

Presentazione

Schermata Home di Google Cast

 

Disponibilità del pulsante Trasmetti

Obbligatorio
R Il pulsante Trasmetti deve essere visibile in ogni schermata in cui sono presenti contenuti riproducibili e posizionato in una posizione coerente durante la navigazione o la riproduzione dei contenuti. Verrà visualizzato anche nell'intestazione di Chrome per il controllo globale.
B Per i mittenti diversi da iOS, il pulsante Trasmetti può essere nascosto quando i Ricevitori web non sono disponibili. Per i mittenti iOS, il pulsante Trasmetti dovrebbe sempre essere visualizzato quando il dispositivo è connesso a una rete Wi-Fi; pertanto, è possibile fornire un adeguato aiuto se l'utente ha disattivato l'accesso alla rete locale e, di conseguenza, i dispositivi non possono essere scoperti (per ulteriori dettagli, consulta la pagina Autorizzazioni e rilevamento di iOS).
C Nelle app per dispositivi mobili, il pulsante Trasmetti dovrebbe essere a destra.
D In Chrome, il pulsante Trasmetti dovrebbe essere sulla destra nei controlli dei contenuti multimediali (ad esempio, guarda il video incorporato). Se i controlli multimediali contengono un pulsante schermo intero, posiziona il pulsante Trasmetti a sinistra.

Nota

Google Cast utilizza un modello multi-tasking che consente agli utenti di sfogliare l'app del mittente e 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 cercarlo per trovare il punto in cui mettere in pausa o interrompere la riproduzione dei contenuti sulla TV.

Android

Mittente disconnesso

Schermata Home di Google Cast

iOS

Mittente disconnesso

Schermata Home di Google Cast

Google Chrome

Mittente disconnesso

Mittente disconnesso

Schermata Home di Google Cast

 

Stati del pulsante Trasmetti

Obbligatorio
A Non disponibile: per Android, quando i ricevitori web non sono disponibili, il pulsante Trasmetti non viene visualizzato
B Disconnesso: quando sono disponibili i ricevitori web, viene visualizzato il pulsante Trasmetti
C Connessione: quando il ricevitore web si connette, il pulsante Trasmetti anima le onde progressivamente nell'icona

Best practice
Per ogni stato dei pulsanti, utilizza colori che corrispondono allo stile di altri elementi UI della tua app. L'utilizzo di un colore di evidenziazione distinto (ad esempio, giallo) per lo stato attivo/collegato è facoltativo.

Notes

  • L'icona Trasmetti viene visualizzata in Chrome e iOS per fornire l'accesso all'estensione Cast indipendentemente dalla disponibilità dei dispositivi di trasmissione.
  • Lo stato Connessione (animata) viene visualizzato quando la connessione all'API Cast richiede più tempo del previsto (gli SDK Android e Chrome animano automaticamente l'icona Trasmetti). Dopo aver eseguito la connessione, viene avviata l'app Web Receiver.
  • Lo stato ON / Connected dell'icona Trasmetti è stato aggiornato e ora utilizza un riempimento fisso all'interno del frame dell'icona. Le nuove icone Cast e modelli di icone sono disponibili qui.

Android

Mittente, trasmissione non disponibile

Schermata Home di Google Cast

Mittente, Cast disconnesso

Schermata Home di Google Cast

Mittente, connessione Cast

Mittente, connessione Cast

Schermata Home di Google Cast

Mittente, trasmissione connessa

Caricamento dell'app del ricevitore web

Caricamento dell'app del ricevitore web

Mittente, trasmissione connessa

App web ricevente caricata / inattiva

iOS

Mittente, trasmissione non disponibile

Schermata Home di Google Cast

Mittente, Cast disconnesso

Schermata Home di Google Cast

Mittente, connessione Cast

Mittente, connessione Cast

Schermata Home di Google Cast

Mittente, trasmissione connessa

Caricamento dell'app del ricevitore web

Caricamento dell'app del ricevitore web

Mittente, trasmissione connessa

App web ricevente caricata / inattiva

Google Chrome

Mittente, trasmissione non disponibile

Mittente, trasmissione non disponibile

L'icona Trasmetti viene visualizzata in Chrome per fornire accesso all'estensione Cast indipendentemente dallo stato della connessione.

Schermata Home di Google Cast

Mittente, Cast disconnesso

Mittente, Cast disconnesso

Schermata Home di Google Cast

Mittente, connessione Cast

Mittente, connessione Cast

Schermata Home di Google Cast

Mittente, trasmissione connessa

Mittente, trasmissione connessa

Caricamento dell'app del ricevitore web

Caricamento dell'app del ricevitore web

Mittente, trasmissione connessa

Mittente, trasmissione connessa

App web ricevente caricata / inattiva

 

 

Le immagini utilizzate in questa guida alla progettazione sono concesse in omaggio dalla Blender Foundation, condivise ai sensi del copyright o della licenza Creative Commons.

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / Paesi Bassi Media Art Institute/ www.Elephantsdream.org
  • Sintel: (c) Fondazione Blender Copyright | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org