Streaming-Dialogfeld

Das Cast-Dialogfeld wird immer angezeigt, wenn das Cast-Symbol gedrückt wird. Im Cast-Dialogfeld können Nutzer eine Verbindung zu Web-Empfängern herstellen, sie steuern und die Verbindung trennen.

Wenn Sie eine benutzerdefinierte Implementierung entwickeln oder eine App für iOS oder Chrome erstellen, müssen Sie diesen Dialog einheitlich implementieren, damit Nutzer ihn erkennen und darauf vertrauen, dass er auf allen Geräten, in allen Apps und auf allen Plattformen einheitlich funktioniert. Beispiele finden Sie unter Referenz-Apps.

  Streaming-Dialogfeld, nicht verbunden (Empfänger verfügbar)

Erforderlich (Standardverhalten von Android MediaRouter):
 A  Wenn die Sender-App nicht mit einem Cast-Empfänger verbunden ist, wird durch Tippen auf die Schaltfläche „Streamen“ das Cast-Dialogfeld angezeigt.
 B  Der Titel des Cast-Dialogfelds „Streamen auf“ wird angezeigt.
 C  Im Cast-Dialogfeld wird eine Liste der verfügbaren Web Receiver angezeigt.
 D  Bei jedem Empfänger, der gerade streamt, sollte „Streaming von App-Name“ angezeigt werden.

Hinweis zu Szenarien mit mehreren Nutzern:

  • Wenn ein anderer Nutzer eine Verbindung zu einem Empfänger herstellt, der gerade Inhalte aus derselben App und demselben Konto streamt, stellt die Sender-App die Steuerelemente für die gestreamten Inhalte bereit.
  • Wenn ein anderer Nutzer eine Verbindung zu einem Empfänger herstellt, der gerade von einer App streamt, die nicht streamt, wird die Verbindung der vorherigen Sender-App getrennt und die neue Sender-App stellt eine Verbindung her.

Android

Streamingdialogfeld, nicht verbunden

Cast-Dialogfeld, Bild „Nicht verbunden“

Startbildschirm streamen

Startbildschirmbild streamen

iOS

Streamingdialogfeld, nicht verbunden

Bild für das Streamingdialogfeld (nicht verbunden)

Startbildschirm streamen

Startbildschirmbild streamen

Chrome

Streamingdialogfeld, nicht verbunden

Bild für das Streamingdialogfeld (nicht verbunden)

Startbildschirm streamen

Startbildschirmbild streamen
 

  Dialogfeld für die Übertragung, nicht verbunden (nur iOS)

Bei iOS müssen Nutzer beim ersten Streamen die Berechtigung für den Zugriff auf das lokale Netzwerk (Local Network Access, LNA) für Cast-Geräte erteilen. Den Nutzern wird ein Zwischenbildschirm mit Informationen angezeigt, in dem erklärt wird, warum diese Berechtigung erforderlich ist. Danach wird das standardmäßige Apple-Dialogfeld für die LNA-Berechtigungen angezeigt.

Wenn nach dem ersten Casten keine Geräte gefunden werden, wenn der Nutzer im WLAN auf die Schaltfläche „Streamen“ tippt, wird ein Hilfebildschirm angezeigt, auf dem erklärt wird, warum Web Receiver möglicherweise nicht verfügbar sind (z. B. wenn der Zugriff auf das lokale Netzwerk deaktiviert ist oder ein Problem mit dem WLAN besteht).

Erforderlich:
  A   Erstmaliges Streamen: Nachdem der Nutzer zum ersten Mal auf das Cast-Symbol getippt hat, muss eine Interstitial-Anzeige eingeblendet werden, in der erklärt wird, warum er der App den Zugriff auf Geräte im lokalen Netzwerk erlauben sollte. Das Interstitial sollte Informationen dazu enthalten, warum der Zugriff auf das lokale Netzwerk erforderlich ist, um die Wahrscheinlichkeit zu erhöhen, dass der Nutzer den Zugriff auf die lokale Berechtigung akzeptiert.
  B   Empfänger nicht verfügbar: Wenn der Nutzer auf das Cast-Symbol tippt, wird ein Hilfebildschirm mit möglichen Gründen dafür angezeigt, dass er keine Web-Empfänger finden kann. Außerdem werden Links zu den Einstellungen angezeigt, über die Probleme mit LNA-Berechtigungen behoben werden können.

Erstes Streamen (iOS)

Erstes Streaming: Interstitials und Berechtigungen für den Zugriff auf das lokale Netzwerk

Ablauf für die Annahme des Zugriffs auf das lokale Netzwerk für Google Cast

Empfänger nicht verfügbar

Empfänger nicht verfügbar

Cast-Ablauf, Zugriff auf lokales Netzwerk deaktiviert
 

  Cast-Dialogfeld, verbunden, aber nicht übertragen

Erforderlich
  A   Wenn die Sender-App mit einem Web Receiver verbunden ist, wird durch Tippen auf das Cast-Symbol das Cast-Dialogfeld angezeigt.
  B   Der Titel des Cast-Dialogfelds „Name des Empfängers“ wird angezeigt.
  C   Im Cast-Dialogfeld wird ein Button zum Beenden des Streamings mit der Schaltflächenbeschriftung „STREAMING BEENDEN“ angezeigt. Weitere Informationen zum Trennen der Verbindung finden Sie unter Sender beendet Streaming.

Android

Streamingdialogfeld, verbunden, aber kein Streaming

Receiver-App geladen / im Leerlauf

iOS

Streamingdialogfeld, verbunden, aber kein Streaming

Receiver-App geladen / im Leerlauf

 

  Dialogfeld zum Streamen während des Streamens

Erforderlich
 A  Der Titel des Cast-Dialogfelds „Receiver-Name“ wird angezeigt.
 B  Der Receiver oder die Inhalte, die derzeit übertragen werden, werden unter dem Titel angezeigt.
 C  Im Cast-Dialogfeld wird die Schaltfläche „ÜBERTRAGUNG BEENDEN“ angezeigt, mit der die Übertragung beendet wird. Weitere Informationen finden Sie unter Übertragung durch Sender beenden.

Best Practice

  • Für eine optimale Nutzerfreundlichkeit sollten Sie zusätzlich zu den Steuerelementen im Cast-Dialogfeld permanente Steuerelemente bereitstellen.

Android

Dialogfeld „Streamen“ während des Streamens

Inhalte werden auf dem Empfängergerät wiedergegeben

iOS

Dialogfeld „Streamen“ beim Streamen

Inhalte werden auf dem Empfängergerät wiedergegeben

Chrome

Dialogfeld „Streamen“ beim Streamen

Dialogfeld „Streamen“ beim Streamen

Inhalte werden auf dem Empfängergerät wiedergegeben

 

 

Bilder in diesem Designleitfaden wurden von der Blender Foundation zur Verfügung gestellt und unterliegen dem Urheberrecht oder einer Creative Commons-Lizenz.

  • 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