Streaming-Dialogfeld

Das Cast-Dialogfeld wird angezeigt, wenn das Cast-Symbol gedrückt wird. Über das Cast-Dialogfeld können Nutzer eine Verbindung zu Webempfängern herstellen, diese 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 können, dass er auf allen Geräten, in allen Apps und auf allen Plattformen einheitlich funktioniert. Beispiele finden Sie in den Referenz-Apps.

  Dialogfeld „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, wird durch Tippen auf das Cast-Symbol 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-Empfänger angezeigt.
  D   Auf jedem Empfänger, der gerade streamt, sollte „Streamen von App-Name“ angezeigt werden.

Beachten Sie die Szenarien für mehrere Nutzer:

  • Wenn ein anderer Nutzer eine Verbindung zu einem Empfänger herstellt, der gerade von 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 zur vorherigen Sender-App getrennt und die neue Sender-App wird verbunden.

Android

Dialogfeld „Streamen“, nicht verbunden

Bild: Dialogfeld „Streamen“, nicht verbunden

Startbildschirm streamen

Bild: Startbildschirm von Cast

iOS

Dialogfeld „Streamen“, nicht verbunden

Bild für das Dialogfeld „Nicht verbunden“ beim Streamen

Startbildschirm streamen

Bild: Startbildschirm von Cast

Chrome

Dialogfeld „Streamen“, nicht verbunden

Bild für das Dialogfeld „Nicht verbunden“ beim Streamen

Startbildschirm streamen

Bild: Startbildschirm von Cast
 

  Cast-Dialogfeld, nicht verbunden (nur iOS)

Unter iOS müssen Nutzer beim ersten Streamen dem Zugriff auf lokale Netzwerkgeräte (LNA) zustimmen. Nutzern wird ein Interstitial-Informationsbildschirm angezeigt, auf dem erklärt wird, warum diese Berechtigung erforderlich ist. Anschließend wird das Standard-Apple-LNA-Berechtigungsdialogfeld angezeigt.

Wenn nach dem ersten Streaming keine Geräte gefunden werden, wenn der Nutzer auf das Cast-Symbol tippt, während er mit dem WLAN verbunden ist, wird ein Hilfebildschirm angezeigt, auf dem erklärt wird, warum Web-Empfänger möglicherweise nicht verfügbar sind (z. B. weil der Zugriff auf das lokale Netzwerk deaktiviert ist oder ein Problem mit dem WLAN besteht).

Erforderlich:
  A   Erstmaliges Streamen: Nach dem ersten Tippen auf das Cast-Symbol muss eine Interstitial-Anzeige eingeblendet werden, in der dem Nutzer erklärt wird, warum er der App Zugriff auf lokale Netzwerkgeräte gewähren 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 angezeigt, warum er keine Web-Empfänger finden kann. Außerdem werden Links zu den Einstellungen angezeigt, über die er Probleme mit den LNA-Berechtigungen beheben kann.

Erstes Streaming (iOS)

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

Ablauf für die Zustimmung zum Zugriff auf das lokale Netzwerk für Cast

Empfänger nicht verfügbar

Empfänger nicht verfügbar

Streamen, Zugriff auf lokales Netzwerk deaktiviert
 

  Dialogfeld „Streamen“, verbunden, aber kein Streaming

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 „Receiver-Name“ wird angezeigt.
  C   Im Cast-Dialogfeld wird eine Schaltfläche zum Beenden des Streamings mit der Beschriftung „STREAMING BEENDEN“ angezeigt. Weitere Informationen zum Trennen der Verbindung findest du unter Sender beendet das Streaming.

Android

Cast-Dialogfeld, verbunden, aber kein Streaming

Empfänger-App geladen/Inaktiv

iOS

Cast-Dialogfeld, verbunden, aber kein Streaming

Empfänger-App geladen/Inaktiv

 

  Dialogfeld „Streamen“ während des Streamens

Erforderlich
  A   Der Titel des Cast-Dialogfelds „Receiver-Name“ wird angezeigt.
  B   Der Empfänger oder die Inhalte, die gerade gestreamt werden, werden unter dem Titel angezeigt.
  C   Im Cast-Dialogfeld wird die Schaltfläche „STREAMEN BEENDEN“ angezeigt, mit der das Streamen beendet wird. Weitere Informationen findest du unter Sender beendet das Streamen.

Best Practice

  • Für eine optimale Nutzererfahrung solltest du zusätzlich zu den Steuerelementen im Cast-Dialogfeld dauerhafte Steuerelemente bereitstellen.

Android

Dialogfeld „Streamen“ während des Streamens

Empfänger gibt Inhalte wieder

iOS

Dialogfeld „Streamen“ während des Streamens

Empfänger gibt Inhalte wieder

Chrome

Dialogfeld „Streamen“ während des Streamens

Dialogfeld „Streamen“ während des Streamens

Empfänger gibt Inhalte wieder

 

 

Die in diesem Designleitfaden verwendeten Bilder stammen von der Blender Foundation und werden unter einer Urheberrechts- oder Creative-Commons-Lizenz zur Verfügung gestellt.

  • 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