Absender-App

Wenn Inhalte an einen Webempfänger gestreamt werden, muss der Nutzer sie immer über die Absender-App steuern können.

Hinweis: In Übereinstimmung mit den zusätzlichen Nutzungsbedingungen für das Google Cast SDK müssen Cast Media-Apps die für das SDK definierten Play Control APIs (Medienwiedergabe-Nachrichten) verwenden, um die Medienwiedergabe auf dem Web-Receiver zu steuern.

Absender-Apps sollten die Cast-Steuerung in folgenden Bereichen anbieten:

Der Wiedergabestatus und die Steuerelemente für die Cast-Wiedergabe in diesen Bereichen müssen mit den Wiedergabeänderungen auf dem Web Receiver synchronisiert sein, auch wenn diese nicht von der Sender-App stammen. Dadurch können sowohl Multi-Sender-Befehle als auch die Wiedergabesteuerung über die Fernbedienungen, Schaltflächen usw. des Geräts ordnungsgemäß verarbeitet werden.

Android

Steuerelemente für das Streaming-Dialogfeld

Mini-Controller

Benachrichtigungseinstellungen

Display-Sperre

iOS

Steuerelemente für das Streaming-Dialogfeld

Mini-Controller

Chrome

Steuerelemente für das Streaming-Dialogfeld

Mini-Controller

 

Lautstärkeregler

Die Sender-App muss es Nutzern ermöglichen, die Lautstärke der auf dem Fernseher oder Lautsprecher wiedergegebenen Inhalte mithilfe der Lautstärketasten des Geräts und/oder der Lautstärkeregelung auf dem Gerät des Geräts zu steuern. Sie können Folgendes steuern:

  • Die für Google Cast-Geräte wie Chromecast an den Fernseher gesendete Lautstärke.
  • Die tatsächliche Lautstärke des nativen Fernsehers/Lautsprechers für Google Cast-Fernseher, Fernseher mit Android TV und intelligente Lautsprecher.

Erforderlich
A Die Sender-App muss es Nutzern ermöglichen, die Lautstärke der auf dem Fernseher oder den Lautsprechern abgespielten Inhalte mithilfe der Lautstärketasten des Geräts und/oder der Lautstärkeregelung auf dem Gerät des Geräts zu steuern.

  • Android: Es werden sowohl Hardwaretasten als auch der Lautstärkeregler unterstützt.
  • iOS: Schieberegler für Softwarelautstärke ist obligatorisch.
  • Web/Chrome: Die Verwendung des Schiebereglers für die Softwarelautstärke ist obligatorisch.

B Auf dem Mobilgerät muss der Schieberegler für die Softwarelautstärke im Streaming-Dialogfeld während der Übertragung verfügbar sein.
C Der Schieberegler für die Lautstärke in der Absender-App muss nach dem Verbinden mit dem Web-Empfänger mit der aktuellen Lautstärke des Web Receivers synchronisiert werden und synchron bleiben.
D Der Lautstärkeregler in der Absender-App muss die Lautstärkeänderungen anderer Sender oder der Fernbedienung der Chromecast App widerspiegeln.
E Absender-Apps sollten die Lautstärke nie auf eine vordefinierte Stufe festlegen, sondern nur von Nutzern initiierte Lautstärkeänderungen übergeben.
F Nur für Android: Wenn Sie die Lautstärke auf dem Web Receiver mit den Hardwaretasten ändern, muss ein Schieberegler für die visuelle Lautstärke (mit einem Cast-Symbol links) angezeigt werden, wenn die Lautstärketasten der Hardware gedrückt werden. Hinweis: Bei Android-Gingerbread (Version 2.3) wird das Cast-Symbol nicht angezeigt.

Best Practices

  • Mengenerhöhungen:
    • Android: Das Framework erhöht die Lautstärke automatisch.
    • iOS und Chrome: Verwende bei Hardware-Schaltflächen die Lautstärke für Audio-/Videogeräte kleiner oder gleich 5% des vollständigen Lautstärkebereichs des Web Receivers und bei Audiogeräten nur 2% des vollständigen Lautstärkebereichs des Web Receivers.

Erweiterter Absender-Controller

Die Absender-App muss einen erweiterten Controller für die gestreamten Inhalte bereitstellen.

Erforderlich
A Inhalte, die gestreamt werden sollen, durch Titel oder Artwork anzeigen.
B Vor Beginn der Wiedergabe eine Ladeanzeige sowie Titel oder Artwork für Inhalte anzeigen.
C Wenn der Inhalt beginnt, ermitteln Sie den Status des Web Receivers.
D Geben Sie relevante Steuerelemente an.
E Auf der linken Seite der Suchleiste wird die aktuelle Wiedergabezeit angezeigt.
Ruf am rechten Ende die Gesamtdauer des Streams auf, sofern bekannt und wenn es kein Livestream ist.
F Steuerelemente ausblenden, die für das Streamen nicht relevant sind
G Trennen Sie die Übertragung nicht oder beenden Sie sie, wenn Nutzer den erweiterten Controller verlassen.
H Bieten Sie eine einfache Möglichkeit, zum erweiterten Controller zurückzukehren, wenn Nutzer die Seite verlassen.

Best Practices

  • Stellen Sie einen Schieberegler für die Wiedergabeposition für Mediastreams ein.
  • Andere aussagekräftige inhaltsbezogene Grafiken und Metadaten anzeigen.
  • Bestimmen Sie die verstrichene Zeit und die Contentdauer für Mediastreams.

Android

Inhalte des Absenders werden geladen

Inhalte des Absenders werden geladen

Inhalt des Empfängers wird geladen

Inhalte des Absenders werden abgespielt

Web Receiver spielt Inhalte ab

iOS

Inhalte des Absenders werden geladen

Inhalte des Web-Empfängers werden geladen

Inhalte des Absenders werden abgespielt

Web Receiver spielt Inhalte ab

Chrome

Inhalte des Absenders werden geladen

Inhalte des Web-Empfängers werden geladen

Inhalte des Absenders werden abgespielt

Web Receiver spielt Inhalte ab

 

Mini-Controller für Sender

Ein kleines, dauerhaftes Steuerelement, das als Mini-Controller bezeichnet wird, sollte beim Streamen angezeigt werden, wenn der Nutzer von der aktuellen Inhaltsseite oder vom maximierten Controller zu einer anderen Ansicht innerhalb der Absender-App wechselt. Der Mini-Controller ist eine sichtbare Erinnerung an die aktuelle Übertragung und bietet sofortigen Zugriff darauf.

Erforderlich
Eine Leiste, in der angezeigt wird, was gestreamt wird. Sie befindet sich am unteren Rand der Absender-App und wird angezeigt, während der Nutzer in anderen Inhalten oder Bereichen der App surft.
B Die Steuerelemente funktionieren am besten, wenn sie einfach sind und kommunizieren.
C Verfügbar auf allen Bildschirmen der App (außer auf der maximierten Controllerseite).
D Wenn Sie auf den Inhaltsbereich tippen, wird der maximierte Controller geöffnet.
E Stellen Sie weitere Steuerelemente bereit, die unmittelbare Maßnahmen betreffen.

Best Practices
Für die beste Nutzererfahrung solltest du zusätzlich zum Mini-Controller Steuerelemente im Cast-Dialogfeld bereitstellen.

Android

Absender-Minicontroller

Web Receiver-Inhalte pausiert

iOS

Absender-Minicontroller

Web Receiver-Inhalte pausiert

Chrome

Absender-Minicontroller

Web Receiver-Inhalte pausiert

 

Absenderbenachrichtigung

Erforderlich (nur Android)
A Verwenden Sie das App-Symbol (nicht das Cast-Symbol) für die Benachrichtigung in der Statusleiste.
B Legen Sie fest, welche Inhalte gestreamt werden. Gib beispielsweise Titel oder Artwork für Inhalte an.
C Finden Sie heraus, welcher Webempfänger gerade streamt.
D Grundlegende Inhaltssteuerelemente bereitstellen.
E Geben Sie ein „X“ an, um das Streamen zu beenden und die Verbindung zum Webempfänger in der Reihe der Aktionen zu trennen.
F Wenn der Nutzer auf das App-Logo, den Inhaltstitel oder das Artwork tippt, sollte der maximierte Controller der Absender-App geöffnet werden.

Hinweise

  • Nur Android: In iOS oder Chrome ist es nicht möglich, Benachrichtigungen zu implementieren.
  • In Android Gingerbread (Version 2.3) werden in Benachrichtigungen nur das App-Symbol und der Text angezeigt, nicht aber Wiedergabe/Pause oder Stopp.
  • Weitere Informationen finden Sie unter Mediensteuerelementen zu Benachrichtigungen hinzufügen.

Android

Symbol für Absenderbenachrichtigungen

Web Receiver spielt Inhalte ab

Einstellungen für Absenderbenachrichtigungen

Web Receiver spielt Inhalte ab

 

Displaysperre des Absenders

Erforderlich (nur Android)
A Streamen Sie Inhalte anhand des Titels oder Artwork der Inhalte.
B Herausfinden, welcher Webempfänger gerade streamt Hinweis: Dies ist für Musik-Apps nicht erforderlich.
C Stellen Sie Steuerelemente für die Wiedergabe bereit.
D Zugriff auf die Lautstärkeregelung über Hardwaretasten gewähren.

Erforderlich für Android 4.4 KitKat und höher:

  • App-Symbol
  • Artwork (z. B. Albumdeckblatt)
  • Gib im Text an, welche Inhalte gestreamt werden (z. B. „Tränen aus Stahl“).
  • Herausfinden, welcher Webempfänger gerade streamt (z. B. „Wohnzimmer“)

Erforderlich für Android 4.3 Jelly Bean:

  • Artwork (z. B. Albumdeckblatt)
  • Gib im Text an, welche Inhalte gestreamt werden (z. B. „Tränen aus Stahl“).
  • Herausfinden, welcher Webempfänger gerade streamt (z. B. „Wohnzimmer“)

Hinweise

  • Nur Android: In iOS oder Chrome ist es nicht möglich, Benachrichtigungen zu implementieren.
  • Für Geräte mit Android 4.1 und höher sind die Einstellungen für den Sperrbildschirm erforderlich.
  • Für unterschiedliche Versionen des Android-Betriebssystems sind unterschiedliche Steuerelemente verfügbar und auf dem Sperrbildschirm können nur Textfelder verwendet werden. Grafiken und Symbole beschreiben im Allgemeinen eher den Inhalt als Text.
  • Mit den Tasten zur Steuerung der Lautstärketasten sollte die Lautstärke in der Absender-App angepasst werden, wenn das Smartphone gesperrt ist.
  • Für das Steuerelement muss die Framework-Komponente verwendet werden: MediaSession oder MediaSessionCompat (für Versionen 4.4 und 4.3) oder Notification (für 5.0 und höher).

Android

Steuerelemente für den Sperrbildschirm des Absenders

Web Receiver spielt Inhalte ab

 

Der Absender setzt die Übertragung fort

Eine verbundene Absender-App sollte nach einer impliziten Trennung (z. B. aufgrund eines Netzwerkausfalls, eines inaktiven Geräts oder eines bald verfügbaren Akkus) den verbundenen Status wiederherstellen.

Erforderlich
A Wenn die Verbindung der Sender-App implizit getrennt wird, d. h. der Nutzer hat das Streaming nicht explizit abgebrochen oder getrennt, sollte der Streaminginhalt weiter auf dem Webempfänger wiedergegeben werden. Wenn die App oder Verbindung neu gestartet wird, sollte die Absender-App die Verbindung zum Webempfänger wiederherstellen, solange die Web Receiver-Sitzung noch aktuell ist.
B Das Cast-Symbol sollte wieder eine Verbindung herstellen.
C Wenn der Nutzer auf das Cast-Symbol tippt, bevor die Verbindung zum Absender wiederhergestellt wurde, wird die Liste der Web Receiver angezeigt. Wenn der Nutzer den Webempfänger auswählt, der gerade streamt, sollte in der Absender-App ein kleiner oder erweiterter Controller angezeigt werden.

Hinweise
Die Web Receiver App kann auch aufgrund eines Stromausfalls oder einer anderen Störung außerhalb des Kontexts getrennt und beendet werden. Dies wird als normales Sitzungsende behandelt, wie unter Absender beenden beschrieben.

Android

App auswählen

Web Receiver spielt Inhalte ab

Streamingverbindung wiederhergestellt

Web Receiver spielt Inhalte ab

iOS

App auswählen

Web Receiver spielt Inhalte ab

Streamingverbindung wiederhergestellt

Web Receiver spielt Inhalte ab

 

Der Absender beendet die Übertragung

Inhalte, die auf einen Fernseher gestreamt werden, werden weiter abgespielt, bis ein Nutzer die Option „Streaming beenden“ auswählt oder ein Absender etwas Neues überträgt. Wenn mehrere Absender mit demselben Webempfänger verbunden sind, sollte für jede Absenderanwendung im Übertragungsdialogfeld die Schaltfläche „Streaming trennen“ statt der Schaltfläche „Übertragung beenden“ angezeigt werden.

Erforderlich
A Wenn mehrere Absender mit einem Webempfänger verbunden sind, wird durch das Drücken von „Streaming beenden“ von einer Absender-App nichts an den Webempfänger gesendet und die Cast-Steuerelemente und Benachrichtigungen werden von diesem Absendergerät entfernt. Die verbleibenden verbundenen Geräte bleiben mit den verfügbaren Cast-Steuerelementen verbunden.
B Wenn die Verbindung einer Sender-App implizit getrennt wird, z. B. wenn der Akku des Sendergeräts leer ist oder die Netzwerkverbindung des Senders vom Webempfänger getrennt wird, hat dies keine Auswirkungen auf den Sender und entfernt die Cast-Steuerelemente und Benachrichtigungen vom Gerät des Absenders. Die Absender-App sollte implizite Verbindungen verfolgen und versuchen, die Verbindung zu einem Webempfänger wieder herzustellen, wenn die Absender-App wieder geöffnet wird.

Android

Cast-Dialogfeld, Schaltfläche zum Trennen der Verbindung

Web Receiver spielt Inhalte ab

iOS

Cast-Dialogfeld, Schaltfläche zum Trennen der Verbindung

Web Receiver spielt Inhalte ab

Chrome

Cast-Dialogfeld, Schaltfläche zum Trennen der Verbindung

Web Receiver spielt Inhalte ab

 

 

Die in diesem Designleitfaden verwendeten Bilder stammen mit freundlicher Genehmigung der Blender Foundation, die im Rahmen einer Urheberrechts- oder Creative-Commons-Lizenz freigegeben wird.

  • Elephant's Dream: (c) Copyright 2006, Blender Foundation / Dutch Media Art Institute / www.elephantsdream.org
  • Sintel: (c) Copyright Blender Foundation | www.sintel.org
  • Tears of Steel: Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org