La boîte de dialogue "Caster" s'affiche chaque fois que vous appuyez sur l'icône Cast. La boîte de dialogue "Caster" permet aux utilisateurs de se connecter, contrôler et déconnecter des récepteurs Web.
Si vous développez une implémentation personnalisée ou créez une application pour iOS ou Chrome, vous devez implémenter cette boîte de dialogue de manière cohérente, afin que les utilisateurs la reconnaissent et lui fassent confiance de manière cohérente sur tous les appareils, applications et plates-formes. Consultez le Applications de référence pour des exemples
Boîte de dialogue "Caster", non connecté (destinataires disponibles)
Obligatoire (comportement par défaut de
Android MediaRouter):
A Lorsque l'application émettrice n'est pas connectée à un récepteur Cast :
appuyer sur l'icône Cast affiche la boîte de dialogue "Caster"
B Titre de la boîte de dialogue "Caster sur" apparaît
C La boîte de dialogue "Caster" affiche la liste des récepteurs Web disponibles.
D Chaque récepteur en cours de diffusion devrait afficher le message suivant : "Diffusion en cours
nom de l'application"
Notez les scénarios multi-utilisateurs:
- Lorsqu'un autre utilisateur se connecte à un récepteur qui caste actuellement à partir de la même application et du même compte, l'application émettrice contrôle la diffusion du contenu.
- Lorsqu'un autre utilisateur se connecte à un récepteur qui caste actuellement depuis une application qui ne diffuse pas de contenu, l'application émettrice précédente et la nouvelle application émettrice se connecte.
Android
Boîte de dialogue Caster, non connecté
![Boîte de dialogue "Caster", image non connectée](https://developers.google.cn/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=9&hl=fr)
Caster l'écran d'accueil
![Caster l'image de l'écran d'accueil](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=fr)
iOS
Boîte de dialogue Caster, non connecté
![Image non connectée de la boîte de dialogue de diffusion](https://developers.google.cn/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=9&hl=fr)
Caster l'écran d'accueil
![Caster l'image de l'écran d'accueil](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=fr)
Chrome
Boîte de dialogue Caster, non connecté
![Image non connectée de la boîte de dialogue de diffusion](https://developers.google.cn/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=9&hl=fr)
Caster l'écran d'accueil
![Caster l'image de l'écran d'accueil](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=fr)
Boîte de dialogue "Caster", non connecté (iOS uniquement)
Sur iOS, lorsqu'ils castent pour la première fois, les utilisateurs doivent autoriser l'accès au réseau local (LNA) pour Appareils Cast Un écran d'informations interstitiel s'affiche aux utilisateurs qui expliquent pourquoi cette autorisation est nécessaire, suivi de la norme Apple LNA standard des autorisations.
Après la première diffusion, si aucun appareil n'est détecté lorsque l'utilisateur appuie sur l'icône Cast pendant que l'utilisateur est connecté au Wi-Fi, un écran d'aide s'affiche expliquant pourquoi Web Receiver peut ne pas être disponible (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 Pour caster du contenu pour la première fois: après avoir appuyé sur l'icône Cast
pour la première fois,
un interstitiel doit être affiché pour expliquer à l'utilisateur pourquoi il doit autoriser
l'application pour accéder aux
périphériques du réseau local. L'annonce interstitielle doit inclure des informations
pourquoi l'accès au réseau local est nécessaire, afin d'augmenter la probabilité que l'utilisateur accepte
l'accès local.
B Récepteurs indisponibles: appuyer sur l'icône Cast
affiche un écran d'aide expliquant pourquoi
ne parvient pas à détecter les récepteurs Web, ainsi que des liens vers les paramètres permettant de résoudre les problèmes d'autorisation LNA.
Première diffusion (iOS)
Première diffusion: autorisations d'accès aux interstitiels et au réseau local
![Flux d'acceptation de l'accès au réseau local Cast](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=9&hl=fr)
Récepteurs indisponibles
Récepteurs indisponibles
![Flux de diffusion, accès au réseau local désactivé](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=9&hl=fr)
Boîte de dialogue "Caster", connecté, mais pas de diffusion
Obligatoire
A Lorsque l'application émettrice est connectée à un récepteur Web,
appuyer sur l'icône Cast affiche la boîte de dialogue "Caster"
B Titre de la boîte de dialogue "Caster" "Nom du récepteur" apparaît
C La boîte de dialogue "Caster" affiche un bouton permettant d'arrêter la diffusion.
avec le libellé du bouton "ARRÊTER LA DIFFUSION" (Pour en savoir plus sur la déconnexion, consultez
L'expéditeur arrête la diffusion)
Android
Boîte de dialogue "Caster" : connecté, mais pas de diffusion
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=9&hl=fr)
Application réceptrice chargée / inactive
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=9&hl=fr)
iOS
Boîte de dialogue "Caster" : connecté, mais pas de diffusion
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=9&hl=fr)
Application réceptrice chargée / inactive
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=9&hl=fr)
la boîte de dialogue "Caster" pendant la diffusion
Obligatoire
A Titre de la boîte de dialogue "Caster" "Nom du récepteur" apparaît
B Le récepteur ou le contenu en cours de diffusion est affiché ci-dessous.
le titre
C La boîte de dialogue "Caster" affiche le message "ARRÊTER LA DIFFUSION". bouton qui arrête
la diffusion (pour en savoir plus, consultez
L'expéditeur arrête la diffusion)
Bonne pratique
- Pour une expérience utilisateur optimale, fournissez Commandes persistantes en plus des commandes de la boîte de dialogue "Caster".
Android
Caster la boîte de dialogue pendant la diffusion
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=9&hl=fr)
Le récepteur lit du contenu
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=fr)
iOS
Caster la boîte de dialogue pendant la diffusion
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=9&hl=fr)
Le récepteur lit du contenu
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=fr)
Chrome
Caster la boîte de dialogue pendant la diffusion
![Caster la boîte de dialogue pendant la diffusion](https://developers.google.cn/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=9&hl=fr)
Le récepteur lit du contenu
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=fr)
Images utilisées dans ce guide de conception sont fournies avec l'aimable autorisation de la Blender Foundation, et partagées sous licence Creative Commons ou copyright.
- "Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Larmes d'acier: (CC) Fond de teint pour mélangeur | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org