Das Cast-Dialogfeld wird jedes Mal angezeigt, wenn Sie auf das Cast-Symbol klicken. Über das Streaming-Dialogfeld können Nutzer Web Receiver verbinden, steuern und trennen.
Wenn Sie eine benutzerdefinierte Implementierung oder eine App für iOS oder Chrome entwickeln, müssen Sie Implementieren Sie diesen Dialog einheitlich, sodass die Nutzenden ihn erkennen und darauf vertrauen können, dass er funktioniert. einheitlich über Geräte, Apps und Plattformen hinweg. Weitere Informationen finden Sie im Referenz-Apps für Beispiele
<ph type="x-smartling-placeholder"></ph> Dialogfeld zum Streamen, nicht verbunden (Empfänger verfügbar)
Erforderlich (Standardverhalten von
Android MediaRouter):
A Wenn die Sender-App nicht mit einem Cast-Empfänger verbunden ist,
Wenn Sie auf das Cast-Symbol tippen, wird das Cast-Dialogfeld angezeigt.
B Titel des Streaming-Dialogfelds: „Streamen auf“ erscheint
C Im Dialogfeld „Streamen“ wird eine Liste der verfügbaren Web-Receiver angezeigt.
D Für jeden Empfänger, der gerade Inhalte überträgt, sollte die Meldung „Streaming läuft“ angezeigt werden.
App-Name“
Beachten Sie die Szenarien für mehrere Nutzer:
- Wenn sich ein anderer Nutzer mit einem Empfänger verbindet, der gerade Inhalte streamt von derselben App und demselben Konto aus, bietet die Absender-App den gestreamten Inhalt.
- Wenn sich ein anderer Nutzer mit einem Empfänger verbindet, der gerade Inhalte streamt von einer App, die nicht überträgt, die vorherige Absender-App wird getrennt und die neue Absender-App stellt eine Verbindung her.
Android
Streaming-Dialogfeld, nicht verbunden
![Streaming-Dialogfeld, nicht verbundenes Bild](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=6&hl=de)
Startbildschirm streamen
![Bild des Startbildschirms streamen](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=6&hl=de)
iOS
Streaming-Dialogfeld, nicht verbunden
![Bild zum Streamen des Dialogfelds „nicht verbunden“](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=6&hl=de)
Startbildschirm streamen
![Bild des Startbildschirms streamen](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=6&hl=de)
Chrome
Streaming-Dialogfeld, nicht verbunden
![Bild zum Streamen des Dialogfelds „nicht verbunden“](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=6&hl=de)
Startbildschirm streamen
![Bild des Startbildschirms streamen](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=6&hl=de)
<ph type="x-smartling-placeholder"></ph> Dialogfeld für Streaming, nicht verbunden (nur iOS)
Wenn Nutzer unter iOS zum ersten Mal streamen, müssen sie dem Zugriff auf das lokale Netzwerk (LNA) zustimmen, um Übertragungsgeräte Ein Bildschirm mit Informationen zu Interstitials wird angezeigt. erklären, warum diese Berechtigung erforderlich ist, gefolgt vom standardmäßigen Apple LNA Berechtigungsdialogfeld.
Wenn nach dem ersten Streamen keine Geräte gefunden werden, während Sie auf das Cast-Symbol tippen, während das Nutzer im WLAN ist, wird ein Hilfebildschirm angezeigt. und erläutern, warum möglicherweise keine Webempfänger verfügbar sind (z. B. ist der Zugriff auf das lokale Netzwerk deaktiviert oder es liegt ein Problem mit dem WLAN-Netzwerk vor.
Erforderlich:
A Erstmaliges Streamen: nach dem Tippen auf das Cast-Symbol
haben wir zum ersten Mal
Es muss eine Interstitial-Anzeige eingeblendet werden, um dem Nutzer zu erklären, warum er
um auf lokale Netzwerkgeräte zuzugreifen. Das Interstitial sollte Informationen zu
warum ein Zugriff auf das lokale Netzwerk erforderlich ist, um die Wahrscheinlichkeit zu erhöhen,
Zugriff auf lokale Berechtigungen
B Empfänger nicht verfügbar: Tippen auf das Cast-Symbol
zeigt einen Hilfebildschirm an, in dem mögliche Gründe
kann WebReceiver nicht finden sowie Links zu den Einstellungen zum Beheben von Problemen mit LNA-Berechtigungen.
Erstmaliges Streamen (iOS)
Erstmaliges Streamen: Zugriffsberechtigungen für Interstitials und lokales Netzwerk
![Ablauf zur Annahme des Zugriffs auf das lokale Netzwerk für Google Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=6&hl=de)
Receiver nicht verfügbar
Receiver nicht verfügbar
![Streaming, Zugriff auf lokales Netzwerk deaktiviert](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=6&hl=de)
<ph type="x-smartling-placeholder"></ph> Dialogfeld für Streaming, verbunden, aber streamt nicht
Erforderlich
A Wenn die Absender-App mit einem Web Receiver verbunden ist,
Wenn Sie auf das Cast-Symbol tippen, wird das Cast-Dialogfeld angezeigt.
B Der Titel des Streaming-Dialogfelds „Name des Empfängers“ erscheint
C Im Dialogfeld „Streamen“ wird eine Schaltfläche zum Beenden des Streams angezeigt.
mit Schaltflächenbeschriftung „Streaming beenden“ Weitere Informationen zum Trennen der Verbindung findest du unter
Sender beendet Streaming)
Android
Streaming-Dialogfeld, verbunden, aber streamt nicht
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=6&hl=de)
Receiver-App geladen / inaktiv
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=6&hl=de)
iOS
Streaming-Dialogfeld, verbunden, aber streamt nicht
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=6&hl=de)
Receiver-App geladen / inaktiv
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=6&hl=de)
<ph type="x-smartling-placeholder"></ph> Dialogfeld während des Streamens
Erforderlich
A Der Titel des Cast-Dialogfelds „Name des Empfängers“ erscheint
B Der Empfänger oder die aktuell gestreamten Inhalte sind unten zu sehen
der Titel
C Im Dialogfeld „Streamen“ wird die Meldung „Streaming beenden“ angezeigt. Schaltfläche, die die Stoppuhr
(weitere Informationen unter
Sender beendet Streaming)
Best Practice
- Für eine optimale Nutzererfahrung Dauerhafte Einstellungen zusätzlich zu den Steuerelementen im Dialogfeld „Streamen“.
Android
Dialogfeld „Streamen“ beim Streamen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=6&hl=de)
Receiver gibt Inhalte wieder
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=6&hl=de)
iOS
Dialogfeld „Streamen“ beim Streamen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=6&hl=de)
Receiver gibt Inhalte wieder
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=6&hl=de)
Chrome
Dialogfeld „Streamen“ beim Streamen
![Dialogfeld „Streamen“ beim Streamen](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=6&hl=de)
Receiver gibt Inhalte wieder
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=6&hl=de)
In diesem Designleitfaden verwendete Bilder werden von der Blender Foundation zur Verfügung gestellt und im Rahmen einer Urheberrechts- oder Creative Commons-Lizenz weitergegeben.
- Elephant's Dream: (c) Copyright 2006, Blender Foundation/Niederländisches Medienkunstinstitut, 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