Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
La boîte de dialogue Cast s'affiche chaque fois que l'utilisateur appuie sur le bouton Cast. La boîte de dialogue Cast permet aux utilisateurs de se connecter à des récepteurs Web, de les contrôler et de s'en déconnecter.
Si vous développez une implémentation personnalisée ou une application pour iOS ou Chrome, vous devez implémenter cette boîte de dialogue de manière cohérente. Les utilisateurs pourront ainsi la reconnaître et lui faire confiance pour qu'elle fonctionne de manière cohérente sur les appareils, les applications et les plates-formes. Pour obtenir des exemples, consultez les applications de référence.
Obligatoire (comportement par défaut de
Android MediaRouter) :
A Lorsque l'application émettrice n'est pas connectée à un récepteur Cast, appuyer sur le bouton Cast affiche la boîte de dialogue Cast.
B Le titre de la boîte de dialogue Cast, "Caster sur", s'affiche.
C La boîte de dialogue Cast affiche la liste des Web Receivers disponibles.
D Chaque récepteur en cours de diffusion doit afficher "Diffusion de nom de l'application".
Remarque concernant les scénarios multi-utilisateurs :
Lorsqu'un autre utilisateur se connecte à un récepteur qui diffuse actuellement du contenu depuis la même application et le même compte, l'application émettrice fournit les commandes pour le contenu diffusé.
Lorsqu'un autre utilisateur se connecte à un récepteur qui diffuse actuellement du contenu à partir d'une application qui n'est pas en cours de diffusion, l'application expéditrice précédente se déconnecte et la nouvelle application expéditrice se connecte.
Pour iOS, lors du premier casting, les utilisateurs doivent autoriser l'accès au réseau local (ANL) aux appareils Cast. Un écran d'informations interstitiel est présenté aux utilisateurs pour leur expliquer pourquoi cette autorisation est nécessaire, suivi de la boîte de dialogue standard d'autorisation LNA d'Apple.
Après la première diffusion, si aucun appareil n'est trouvé lorsque l'utilisateur appuie sur le bouton Cast alors qu'il est connecté au Wi-Fi, un écran d'aide s'affiche pour expliquer pourquoi les Web Receivers ne sont peut-être pas disponibles (par exemple, l'accès au réseau local est désactivé ou il y a un problème avec le réseau Wi-Fi).
Obligatoire :
A Première diffusion : après avoir appuyé sur le bouton Cast pour la première fois,
un interstitiel doit être affiché pour expliquer à l'utilisateur pourquoi il doit autoriser
l'application à accéder aux appareils du réseau local. L'interstitiel doit inclure des informations expliquant pourquoi l'accès au réseau local est nécessaire, afin d'augmenter la probabilité que l'utilisateur accepte l'accès à l'autorisation locale.
B Récepteurs indisponibles : lorsque l'utilisateur appuie sur le bouton Cast, un écran d'aide s'affiche pour lui expliquer les raisons possibles pour lesquelles il ne parvient pas à découvrir les Web Receivers. Il contient également des liens vers les paramètres permettant de résoudre les problèmes d'autorisations LNA.
Caster des contenus pour la première fois (iOS)
Première diffusion : autorisations d'accès au réseau local et interstitielles
Obligatoire A Lorsque l'application émettrice est connectée à un Web Receiver,
appuyer sur le bouton Cast affiche la boîte de dialogue Cast
B Le titre de la boîte de dialogue Cast "Nom du récepteur" s'affiche
C La boîte de dialogue Cast affiche un bouton permettant d'arrêter la diffusion
avec le libellé "ARRÊTER LA DIFFUSION" (pour en savoir plus sur la déconnexion, consultez
L'émetteur arrête la diffusion)
Android
Boîte de dialogue Cast, connecté mais pas en train de caster
Application réceptrice chargée / inactive
iOS
Boîte de dialogue Cast, connecté mais pas en train de caster
Obligatoire A Le titre de la boîte de dialogue Cast "Nom du récepteur" s'affiche
B Le récepteur ou le contenu en cours de diffusion s'affiche en dessous
du titre
C La boîte de dialogue Cast affiche un bouton "ARRÊTER LA DIFFUSION" qui arrête
la diffusion (pour en savoir plus, consultez
L'expéditeur arrête la diffusion)
Bonne pratique
Pour offrir la meilleure expérience utilisateur possible, fournissez des commandes persistantes en plus de celles de la boîte de dialogue Cast.
Android
Boîte de dialogue "Caster" pendant la diffusion
Récepteur en train de lire du contenu
iOS
Boîte de dialogue "Caster" pendant la diffusion
Récepteur en train de lire du contenu
Chrome
Boîte de dialogue "Caster" pendant la diffusion
Récepteur en train de lire du contenu
Les images utilisées dans ce guide de conception sont fournies par la Blender Foundation et partagées sous licence de droits d'auteur ou 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
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/09/04 (UTC).
[null,null,["Dernière mise à jour le 2025/09/04 (UTC)."],[[["\u003cp\u003eThe Cast dialog enables users to connect to, manage, and disconnect from Web Receivers and should be implemented consistently across platforms.\u003c/p\u003e\n"],["\u003cp\u003eOn iOS, users must grant local network access permission for initial casting and may encounter a help screen if no devices are found.\u003c/p\u003e\n"],["\u003cp\u003eWhen connected, the Cast dialog displays the receiver name and a "STOP CASTING" button, offering controls for the casting session.\u003c/p\u003e\n"],["\u003cp\u003eFor optimal user experience, it's recommended to include persistent controls alongside those within the Cast dialog, enhancing user interaction.\u003c/p\u003e\n"],["\u003cp\u003eAndroid apps can leverage the MediaRouter component for built-in Cast dialog UX, simplifying implementation.\u003c/p\u003e\n"]]],[],null,["# Cast Dialog\n\nThe Cast dialog is shown whenever the Cast button is pressed. The Cast dialog lets users\nconnect, control, and disconnect from Web Receivers.\n| **Note:** For Android apps, use the `MediaRouter` component from the MediaRouter Support Library to implement the Cast dialog. It has all of the UX requirements built right in.\n| **Note:** For iOS senders, a special Local Network Access interstitial dialog must be displayed the first time a user attempts to cast.\n\nIf you're developing a custom implementation or building an app for iOS or Chrome, you must\nimplement this dialog in a consistent way, so that users recognize and trust it to function\nconsistently across devices, apps and platforms. Refer to the\n[Reference apps](/cast/docs/sample_apps#reference_apps) for examples.\n\n### [Cast dialog, not connected (receivers available)](#sender-cast-menu-available)\n\n\n**Required** (default behavior of [Android MediaRouter](https://developer.android.com/reference/androidx/mediarouter/media/MediaRouter)):\n\n\nA When the sender app is not connected to a Cast receiver,\ntapping the Cast button shows the Cast dialog\n\n\nB The Cast dialog title, \"Cast to\" appears\n\n\nC The Cast dialog shows a list of available Web Receivers\n\n\nD Each receiver currently casting should display, \"Casting\n*app name*\"\n\n**Note the multi-user scenarios:**\n\n- When another user connects to a receiver currently casting from the same app and account, the sender app provides the controls for the cast content.\n- When another user connects to a receiver currently casting from an app that is not casting, the previous sender app disconnects and the new sender app connects.\n\n### Android\n\nCast dialog, not connected \nCast home screen \n\n### iOS\n\nCast dialog, not connected \nCast home screen \n\n### Chrome\n\nCast dialog, not connected \nCast home screen \n\n### [Cast dialog, not connected (iOS only)](#sender-cast-menu-available)\n\n\nFor iOS, when casting for the first time, users must consent to allow local network access (LNA) to\nCast devices. An interstitial information screen is presented\nto users explaining why this permission is needed, followed by the standard Apple LNA\npermissions dialog.\n\n\nAfter casting for the first time, if no devices are found when the Cast button is tapped while the\nuser is on Wi-Fi, a help screen is presented\nexplaining why Web Receivers might not be available (for example,\nlocal network access is disabled, or there is a problem with the Wi-Fi network).\n\n\n**Required** :\n\n\nA First-time casting: After tapping on the Cast button\nfor the first time,\nan Interstitial must be shown to explain to the user why they should allow\nthe app to access local network devices. The interstitial should include information on\nwhy local network access is needed, to increase the likelihood of the user accepting\nlocal permission access.\n\n\nB Receivers unavailable: Tapping the Cast button\ndisplays a help screen explaining possible reasons the user\nis unable to discover Web Receivers, along with links to Settings to fix LNA permissions issues. \n\n### First-time casting (iOS)\n\nFirst-time casting: interstitial and local network access permissions \n\n### Receivers unavailable\n\nReceivers unavailable \n\n### [Cast dialog, connected but not casting](#sender-cast-menu-connected)\n\n\n**Required**\n\n\nA When the sender app is connected to a Web Receiver,\ntapping the Cast button shows the Cast dialog\n\n\nB The Cast dialog title \"Receiver-Name\" appears\n\n\nC The Cast dialog shows a button to stop casting\nwith button label \"STOP CASTING\" (for more information about disconnecting, see\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)) \n\n### Android\n\nCast dialog, connected but not casting \nReceiver app loaded / idle \n\n### iOS\n\nCast dialog, connected but not casting \nReceiver app loaded / idle \n\n### [Cast dialog, while casting](#sender-cast-menu-casting)\n\n\n**Required**\n\n\nA The Cast dialog title \"Receiver-Name\" appears\n\n\nB The receiver or content currently casting is shown below\nthe title\n\n\nC The Cast dialog shows a \"STOP CASTING\" button that stops\ncasting (for more information see\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end))\n\n**Best practice**\n\n- For the best user experience, provide [persistent controls](/cast/docs/design_checklist/sender#sender-mini-controller) in addition to the controls in the Cast dialog.\n\n### Android\n\nCast dialog, while casting \nReceiver playing content \n\n### iOS\n\nCast dialog, while casting \nReceiver playing content \n\n### Chrome\n\nCast dialog, while casting \nReceiver playing content \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"]]
