Pulsante Trasmetti
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Il pulsante Trasmetti apre una finestra di dialogo per connettersi, controllare e disconnettersi dai ricevitori web.
Consulta Icone di trasmissione per scaricare i modelli del pulsante 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 (come 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.
L'introduzione del pulsante Trasmetti aiuta gli utenti esistenti a sapere che l'app mittente ora supporta la trasmissione
e aiuta anche gli utenti che non hanno mai utilizzato Google Cast.
Obbligatorio
A Mostra una schermata introduttiva di Cast la prima volta
che i ricevitori web sono disponibili. Per i mittenti iOS, mostra una schermata di introduzione di Cast
la prima volta che viene visualizzato il pulsante Trasmetti.
B Evidenzia visivamente il pulsante Trasmetti cerchiandolo
(pulsante)
C Spiega come funziona il pulsante Trasmetti (ad esempio,
mostrando un messaggio come "Tocca per trasmettere video alla TV")
Android
Introduzione a Cast
Trasmettere la schermata Home
iOS
Introduzione a Cast
Trasmettere la schermata Home
Chrome
Introduzione a Cast
Trasmettere la schermata Home
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 i dispositivi non sono più rilevabili
(per maggiori dettagli, vedi Autorizzazioni e rilevamento per iOS).
C Nelle app mobile, il pulsante Trasmetti dovrebbe trovarsi sul lato destro.
D In Chrome, il pulsante Trasmetti dovrebbe trovarsi sul lato destro dei controlli multimediali dei contenuti (ad esempio, vedi il video incorporato). Se i controlli multimediali contengono un pulsante
per la modalità a schermo intero, posiziona il pulsante Trasmetti alla sua sinistra.
Nota
Google Cast utilizza un modello multitasking, che consente agli utenti di sfogliare l'app 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 dove mettere in pausa o interrompere la riproduzione dei contenuti
sulla TV.
Android
Mittente disconnesso
Trasmettere la schermata Home
iOS
Mittente disconnesso
Trasmettere la schermata Home
Chrome
Mittente disconnesso
Trasmettere la schermata Home
Obbligatorio
A Disconnesso: quando sono disponibili ricevitori web, 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 i dettagli, vedi la nota di seguito)
C Connesso: quando questa app è connessa al ricevitore web Cast, il pulsante Trasmetti viene visualizzato con una forma di cornice piena
Best practice
Per ogni stato del pulsante, utilizza colori che corrispondano allo stile degli altri elementi della UI 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 Google Cast
indipendentemente dalla disponibilità dei dispositivi Google Cast.
- Lo stato Connessione in corso (animato) viene visualizzato quando la connessione all'API Cast richiede più tempo del previsto (gli SDK Android e Chrome animeranno automaticamente l'icona Cast). Una volta connesso,
viene avviata l'app Web Receiver.
- Lo stato ON / Connesso dell'icona Trasmetti è stato aggiornato e ora utilizza un riempimento solido all'interno del
frame dell'icona. La nuova icona di Cast e i modelli di icone sono disponibili
qui.
Android
Mittente, Trasmetti disconnesso
Trasmettere la schermata Home
Mittente, Trasmetti, connessione in corso
Trasmettere la schermata Home
Mittente, Trasmetti connesso
Caricamento dell'app ricevitore web
Mittente, Trasmetti connesso
App ricevitore web caricata / inattiva
iOS
Mittente, Cast non disponibile
Trasmettere la schermata Home
Mittente, Trasmetti disconnesso
Trasmettere la schermata Home
Mittente, Trasmetti, connessione in corso
Trasmettere la schermata Home
Mittente, Trasmetti connesso
Caricamento dell'app ricevitore web
Mittente, Trasmetti connesso
App ricevitore web caricata / inattiva
Chrome
Mittente, Cast non disponibile
L'icona Trasmetti viene visualizzata in Chrome per fornire l'accesso all'estensione Google Cast
indipendentemente dallo stato della connessione.
Trasmettere la schermata Home
Mittente, Trasmetti disconnesso
Trasmettere la schermata Home
Mittente, Trasmetti, connessione in corso
Trasmettere la schermata Home
Mittente, Trasmetti connesso
Caricamento dell'app ricevitore web
Mittente, Trasmetti connesso
App ricevitore web caricata / inattiva
Le immagini utilizzate in questa guida alla progettazione
sono fornite per gentile concessione della Blender Foundation e condivise con licenza Creative Commons o di copyright.
- 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
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-26 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-07-26 UTC."],[[["\u003cp\u003eThe Cast button, used for connecting to Web Receivers and other devices, should be visible on every screen with playable content.\u003c/p\u003e\n"],["\u003cp\u003eUsers should be introduced to the Cast button's functionality with a highlight and explanatory message, especially on first use.\u003c/p\u003e\n"],["\u003cp\u003eThe Cast button has distinct visual states (Disconnected, Connecting, Connected) to indicate the connection status.\u003c/p\u003e\n"],["\u003cp\u003eThe Cast button should be consistently positioned, typically on the right side of the UI in mobile apps and Chrome's content media controls.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Cast allows for multitasking, enabling users to browse other apps while casting content.\u003c/p\u003e\n"]]],["The Cast button facilitates connections to Web Receivers, allowing users to control and disconnect. It should be consistently visible on all screens with playable content, positioned on the right in mobile apps and to the left of the fullscreen button in Chrome media controls. The button has distinct states: disconnected, connecting (animated), and connected (filled frame). Users should receive an introduction to the Cast feature, including visual highlights and explanatory messages.\n"],null,["# Cast Button\n\nThe Cast button opens a dialog to connect, control, and disconnect from Web Receivers.\n\nSee [Cast icons](/cast/docs/get-started#download_cast_icons_optional) to download the Cast button templates.\n\nNote that the Cast button is not specific to Google Cast; it can be used to represent both Web\nand non-Web Receivers (like Bluetooth headsets). Web Receivers should always appear under the\nCast dialog, and never under another dialog, menu, or control.\n\n### [Introduce Cast to users](#prompting)\n\nIntroducing the Cast button helps existing users know that the sender app now supports Casting\nand also helps users new to Google Cast.\n\n\n**Required**\n\n\nA Show a Cast introduction screen the first time\nWeb Receivers are available. For iOS senders, show a Cast introduction\nscreen the first time the Cast button appears.\n\n\nB Visually highlight the Cast button by circling the\nbutton)\n\n\nC Explain how the Cast button works (for example,\ndisplaying a message such as \"Touch to cast videos to your TV\") \n\n### Android\n\nCast introduction \nCast home screen \n\n### iOS\n\nCast introduction \nCast home screen \n\n### Chrome\n\nCast introduction \nCast home screen \n\n### [Cast button availability](#sender-cast-icon-available)\n\n\n**Required**\n\n\nA The Cast button must\nbe visible from every screen where there is playable content, and located in a consistent position\nwhile browsing or playing content. It will also appear in Chrome's header for global control.\n\n\nB In Chrome, the Cast button can be hidden\nwhen Web Receivers aren't available. For Android and iOS senders,\nthe Cast button should always display when the device is on Wi-Fi, so proper help can be given\nif the user has turned off local network access and devices become undiscoverable as a result\n(see [iOS Permissions and Discovery](/cast/docs/ios_sender/permissions_and_discovery)\nfor more details).\n\n\nC In mobile apps, the Cast button should be on the right\nside.\n\n\nD In Chrome, the Cast button should be on the right side in\nthe content media controls (for example, see embedded video). If the media controls contain a fullscreen\nbutton, place the Cast button to the left of it.\n\n**Note**\n\nGoogle Cast employs a multi-tasking model, which allows users to browse the sender app and\nother apps while casting. The Cast button must be visible from every screen where there is\nplayable content, so the user doesn't have to hunt to find where to pause or stop the content\nplaying on TV. \n\n### Android\n\nSender disconnected \nCast home screen \n\n### iOS\n\nSender disconnected \nCast home screen \n\n### Chrome\n\nSender disconnected \nCast home screen \n\n### [Cast button states](#sender-cast-icon-states)\n\n\n**Required**\n\n\nA Disconnected: When Web Receivers are available, the\nCast button appears\n\n\nB Connecting: When the Web Receiver is connecting, the\nCast button animates the waves in the icon progressively (for details, see note below)\n\n\nC Connected: When this app is connected to the Cast\nWeb Receiver, its Cast button appears with a filled frame shape\n\n\n**Best practices**\n\n\nFor each of the button states, use colors that match the style of other UI\nelements of your app. Using a distinct highlight color (such as yellow) for the ON / Connected\nstate is optional.\n\n\n**Notes**\n\n- The Cast icon displays on Chrome, Android, and iOS to provide access to the Cast extension regardless of the availability of Cast devices.\n- The Connecting (animated) state appears when the connection to the Cast API takes longer than expected (the Android and Chrome SDK's will automatically animate the Cast icon). Once connected, the Web Receiver app launches.\n- The ON / Connected state of the Cast icon has been updated and now uses a solid fill within the icon frame. The new Cast icon and icon templates are available [here](/cast/docs/get-started#download_cast_icons_optional).\n\n\u003cbr /\u003e\n\n### Android\n\nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n### iOS\n\nSender, Cast unavailable \nCast home screen \nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n### Chrome\n\nSender, Cast unavailable\n\nThe Cast icon displays in Chrome to provide access to the Cast extension regardless of the connection state. \nCast home screen \nSender, Cast disconnected \nCast home screen \nSender, Cast connecting \nCast home screen \nSender, Cast connected \nWeb Receiver app loading \nSender, Cast connected \nWeb Receiver app loaded / idle \n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]
