Il pulsante Trasmetti apre una finestra di dialogo per connettere, controllare e disconnettere i ricevitori web.
Consulta la sezione Icone di trasmissione per scaricare i modelli di pulsante Trasmetti.
Tieni presente che il pulsante Trasmetti non è specifico di Google Cast; può essere utilizzato per rappresentare sia ricevitori web sia non web (come gli auricolari Bluetooth). I ricevitori web dovrebbero essere sempre visualizzati nella finestra di dialogo Trasmetti e mai in un'altra finestra di dialogo, menu o controllo.
Presenta Cast agli utenti
Il pulsante Trasmetti aiuta gli utenti esistenti a sapere che ora l'app del mittente supporta la trasmissione e aiuta anche gli utenti che non hanno mai utilizzato Google Cast.
Obbligatorio
A Mostra una schermata introduttiva a Google Cast la prima volta che
i ricevitori web saranno disponibili. Per i mittenti iOS, la prima volta che viene visualizzato il pulsante Trasmetti, mostra una schermata introduttiva
a Google Cast.
B Evidenzia visivamente il pulsante Trasmetti facendo scorrere il
pulsante)
C Spiega come funziona il pulsante Trasmetti (ad esempio,
mostrando un messaggio del tipo "Tocca per trasmettere video alla TV")
Android
Introduzione al cast
![Introduzione al cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/prompting1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
iOS
Introduzione al cast
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/prompting1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Chrome
Introduzione al cast
![Introduzione al cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/prompting1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![Trasmetti schermata Home](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Disponibilità del pulsante Trasmetti
Obbligatorio
A Il pulsante Trasmetti deve essere visibile da ogni schermo in cui sono presenti contenuti riproducibili e deve essere in una posizione coerente durante la consultazione 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 dovrebbe essere sempre visualizzato quando il dispositivo è connesso al Wi-Fi, pertanto è possibile fornire assistenza appropriata se l'utente ha disattivato l'accesso alla rete locale e di conseguenza i dispositivi diventano non rilevabili (per maggiori dettagli, consulta la pagina relativa ad autorizzazioni e rilevamento di iOS).
C Nelle app per dispositivi mobili, il pulsante Trasmetti deve essere sul lato destro.
D In Chrome, il pulsante Trasmetti deve essere sul lato destro nei controlli dei contenuti multimediali (ad esempio, guarda il video incorporato). Se i controlli multimediali contengono un pulsante per lo schermo intero, posiziona il pulsante Trasmetti alla sua 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 cercare per trovare dove mettere in pausa o interrompere la riproduzione dei contenuti sulla TV.
Android
Mittente disconnesso
![Mittente disconnesso](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
iOS
Mittente disconnesso
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-available1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Chrome
Mittente disconnesso
![Mittente disconnesso](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-available1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Stati del pulsante Trasmetti
Obbligatorio
A Disconnesso: quando i ricevitori web sono disponibili, viene visualizzato il
pulsante Trasmetti
B Connessione. Quando il ricevitore web si connette, il pulsante Trasmetti anima progressivamente le onde nell'icona (per i dettagli, leggi la nota riportata di seguito)
C Connesso. Quando l'app è collegata al web ricevitore, il pulsante Trasmetti viene visualizzato con una cornice piena
Best practice
Per ogni stato del pulsante, utilizza colori corrispondenti 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.
Notes
- L'icona Trasmetti viene visualizzata su Chrome, Android e iOS per fornire l'accesso all'estensione Cast indipendentemente dalla disponibilità dei dispositivi di trasmissione.
- Lo stato Connessione (animato) viene visualizzato quando la connessione all'API Cast richiede più tempo del previsto (l'icona Cast verrà animata automaticamente negli SDK Android e Chrome). Una volta stabilita la connessione, viene avviata l'app Web ricevitore.
- Lo stato ON / Connesso dell'icona Trasmetti è stato aggiornato e ora utilizza un riempimento pieno all'interno del frame dell'icona. I nuovi modelli di icona e trasmissione sono disponibili qui.
Android
Mittente, trasmissione disconnessa
![Mittente, trasmissione disconnessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=it)
Trasmetti schermata Home
![Trasmetti schermata Home](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, connessione a Google Cast
![Mittente, connessione a Google Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-2-122023.png?authuser=7&hl=it)
Trasmetti schermata Home
![Trasmetti schermata Home](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![Mittente, trasmissione connessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=it)
Caricamento dell'app Web Ricevir in corso...
![Caricamento dell'app Web Ricevir in corso...](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![Mittente, trasmissione connessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=it)
App ricevitore web caricata / inattiva
![App ricevitore web caricata / inattiva](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=it)
iOS
Mittente, trasmissione non disponibile
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states1_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, trasmissione disconnessa
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, connessione a Google Cast
![Mittente, connessione a Google Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states3_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=it)
Caricamento dell'app Web Ricevir in corso...
![Caricamento dell'app Web Ricevir in corso...](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=it)
App ricevitore web caricata / inattiva
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=it)
Chrome
Mittente, trasmissione non disponibile
![Mittente, trasmissione non disponibile](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states1_a.png?authuser=7&hl=it)
L'icona Trasmetti viene visualizzata in Chrome per fornire l'accesso all'estensione Cast indipendentemente dallo stato della connessione.
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, trasmissione disconnessa
![Mittente, trasmissione disconnessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, connessione a Google Cast
![Mittente, connessione a Google Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states3_a.png?authuser=7&hl=it)
Trasmetti schermata Home
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![Mittente, trasmissione connessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=it)
Caricamento dell'app Web Ricevir in corso...
![Caricamento dell'app Web Ricevir in corso...](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=it)
Mittente, trasmissione connessa
![Mittente, trasmissione connessa](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=it)
App ricevitore web caricata / inattiva
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=it)
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