Beim Streamen von Inhalten an einen Webempfänger muss der Nutzer dies immer über die Sender-App steuern können.
Hinweis: Gemäß den zusätzlichen Nutzungsbedingungen für Entwickler für das Google Cast SDK muss eine Cast-Medien-App die für das SDK definierten Play Control APIs (Nachrichten zur Medienwiedergabe) verwenden, um die Medienwiedergabe auf dem Web Receiver zu steuern.
Sender-Apps sollten die Cast-Steuerung in folgenden Bereichen bieten:
- Dialog beim Streamen streamen
- Lautstärkeregelung für Absender
- Erweiterter Sender-Controller
- Sender Mini Controller
- Benachrichtigung des Absenders
- Sperrbildschirm für Absender
Der Streaming-Wiedergabestatus und die zugehörigen Steuerelemente der Sender-App müssen mit den Wiedergabeänderungen im Web Receiver synchron sein, auch wenn diese nicht von der Sender-App stammen. So können sowohl Befehle von mehreren Absendern als auch die Wiedergabesteuerung über die Fernbedienung, Tasten usw. des Geräts richtig verarbeitet werden.
Android
Steuerelemente zum Streamen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1.png?authuser=0000&hl=de)
Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-persistent-control1.png?authuser=0000&hl=de)
Benachrichtigungseinstellungen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-notification1.png?authuser=0000&hl=de)
Display-Sperre
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-lockscreen1.png?authuser=0000&hl=de)
iOS
Steuerelemente zum Streamen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1.png?authuser=0000&hl=de)
Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-persistent-control1.png?authuser=0000&hl=de)
Chrome
Steuerelemente zum Streamen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1.jpg?authuser=0000&hl=de)
Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-persistent-control1.jpg?authuser=0000&hl=de)
Lautstärkeregelung für Absender
Die Sender-App muss Nutzern die Möglichkeit bieten, die Lautstärke der Inhalte, die auf dem Fernseher oder den Lautsprechern wiedergegeben werden, mithilfe der Lautstärketasten der Hardware und/oder des Software-Lautstärkereglers auf dem sendenden Gerät zu steuern. Damit wird eines der folgenden Elemente gesteuert:
- Die Lautstärke, die für Google Cast-Geräte wie Chromecast an den Fernseher gesendet wird.
- Die tatsächliche Lautstärke des Fernsehers bzw. der Lautsprecher für Google Cast TV, Fernseher mit integriertem Android TV und intelligente Lautsprecher.
Erforderlich
A Die Sender-App muss es Nutzern ermöglichen, die Lautstärke der Inhalte, die auf dem Fernseher oder den Lautsprechern wiedergegeben werden, über die Lautstärketasten der Hardware und/oder den Software-Lautstärkeregler auf dem sendenden Gerät zu steuern.
- Android: Die Unterstützung von Hardwaretasten und Schiebereglern für die Softwarelautstärke ist obligatorisch.
- iOS: Ein Schieberegler für die Softwarelautstärke ist obligatorisch.
- Web/Chrome: Die Unterstützung des Schiebereglers für die Softwarelautstärke ist obligatorisch.
B Auf dem Mobilgerät muss der Schieberegler für die Software-Lautstärke während der Übertragung im Streaming-Dialogfeld verfügbar sein.
C Der Lautstärkeregler in der Sender-App muss nach dem Verbinden mit dem Web Receiver 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 widerspiegeln, die von anderen Absendern oder über die Fernbedienung der Chromecast App vorgenommen wurden.
E Sender-Apps sollten die Lautstärke nie auf einen vordefinierten Wert festlegen. Sie sollten nur vom Nutzer initiierte Lautstärkeänderungen übergeben.
F Nur Android: Wenn Sie die Lautstärke über die Hardwaretasten im Web Receiver ändern, muss beim Drücken der Lautstärketasten der Hardware ein Schieberegler für die visuelle Lautstärke (links daneben mit dem Cast-Symbol) angezeigt werden. Hinweis: Bei Android Gingerbread (Version 2.3) wird das Cast-Symbol nicht angezeigt.
Best Practices
- Volumenerhöhungen:
- Android: Das Framework erhöht die Lautstärke automatisch.
- iOS und Chrome: Verwenden Sie für die Lautstärketasten von Hardware maximal 5% des vollen Lautstärkebereichs des Web Receiver für Audio-/Videogeräte und für Audio-/Audiogeräte eine Steigerung von 2% des vollen Lautstärkebereichs des Web Receiver-Geräts.
Erweiterter Sender-Controller
Die Sender-App muss einen erweiterten Controller für die gestreamten Inhalte bereitstellen.
Erforderlich
A Identifizieren Sie die gestreamten Inhalte anhand des Inhaltstitels oder des Artwork.
B Vor Beginn der Wiedergabe sollten eine Ladeanzeige und ein Titel oder Artwork für den Inhalt eingeblendet werden.
C Beim Starten des Inhalts wird der Status des Webempfängers ermittelt.
D Stellen Sie relevante Steuerungsmöglichkeiten bereit.
E Links in der Suchleiste wird die aktuelle Wiedergabezeit angezeigt.
Rechts am Ende kannst du die Gesamtdauer des Streams anzeigen, sofern bekannt. Falls es sich nicht um einen Livestream handelt.
F Steuerelemente ausblenden, die für das Streamen nicht relevant sind.
G Das Streaming darf nicht getrennt oder beendet werden, wenn Nutzer den maximierten Controller verlassen.
H Bietet eine einfache Möglichkeit, zum erweiterten Controller zurückzukehren, wenn der Nutzer die Seite verlässt.
Best Practices
- Stellen Sie einen Schieberegler für die Wiedergabeposition für Medien-Streams bereit.
- Andere aussagekräftige inhaltsbezogene Grafiken und Metadaten anzeigen
- Ermitteln Sie die verstrichene Zeit und die Contentdauer für Media-Streams.
Android
Inhalt des Absenders wird geladen
![Inhalt des Absenders wird geladen](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-elements1_a.png?authuser=0000&hl=de)
Inhalte des Empfängers werden geladen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1.gif?authuser=0000&hl=de)
Absenderinhalte werden wiedergegeben
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-elements2_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
iOS
Inhalt des Absenders wird geladen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-elements1_a.gif?authuser=0000&hl=de)
Web Receiver-Inhalte werden geladen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1.gif?authuser=0000&hl=de)
Absenderinhalte werden wiedergegeben
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-elements2_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Chrome
Inhalt des Absenders wird geladen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-elements1_a.gif?authuser=0000&hl=de)
Web Receiver-Inhalte werden geladen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1.gif?authuser=0000&hl=de)
Absenderinhalte werden wiedergegeben
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-elements2_a.jpg?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Sender Mini Controller
Während der Übertragung sollte ein kleines, dauerhaftes Steuerelement angezeigt werden, das als Mini-Controller bezeichnet wird, wenn der Nutzer von der aktuellen Inhaltsseite oder dem erweiterten Controller zu einer anderen Ansicht in der Sender-App wechselt. Der Mini-Controller ist eine sichtbare Erinnerung an die aktuelle Übertragung und bietet sofortigen Zugriff darauf.
Erforderlich
A Unten in der Sender-App wird eine Leiste oder ein Feld zur Anzeige des gestreamten Streams angezeigt. Diese Steuerelemente bleiben erhalten, während der Nutzer andere Inhalte oder Bereiche der App durchsucht.
B Die Steuerelemente funktionieren am besten, wenn sie einfach sind und die gestreamten Inhalte vermitteln.
C Auf allen Bildschirmen der App verfügbar (außer auf der maximierten Controller-Seite).
D Wenn Sie auf den Inhaltsbereich tippen, wird der maximierte Controller geöffnet.
E Stellen Sie alle weiteren Steuerungsmöglichkeiten bereit, die für sofortige Maßnahmen relevant sind.
Best Practices
Für eine optimale Nutzererfahrung solltest du zusätzlich zum Mini-Controller auch Steuerelemente im Streaming-Dialog anbieten.
Android
Sender Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-persistent-control1_a.png?authuser=0000&hl=de)
Web Receiver-Inhalte pausiert
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
iOS
Sender Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-persistent-control1_a.png?authuser=0000&hl=de)
Web Receiver-Inhalte pausiert
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Chrome
Sender Mini-Controller
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-persistent-control1_a.jpg?authuser=0000&hl=de)
Web Receiver-Inhalte pausiert
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Benachrichtigung des Absenders
Erforderlich (nur Android)
A Verwenden Sie das App-Symbol (nicht das Cast-Symbol) für die Benachrichtigung in der Statusleiste.
B Ermitteln Sie, welche Inhalte gestreamt werden. Du kannst beispielsweise den Titel oder das Artwork des Inhalts anzeigen.
C Finden Sie heraus, welcher Web-Receiver gerade streamt.
D Sie stellen grundlegende Inhaltssteuerelemente bereit.
E Geben Sie in der Zeile mit den Aktionen ein „X“ an, um das Streaming zu beenden und die Verbindung zum Webempfänger zu trennen.
F Durch Tippen auf das App-Logo, den Titel des Inhalts oder das Artwork sollte der maximierte Controller der Absender-App geöffnet werden.
Notes
- Nur Android: In iOS oder Chrome können keine Benachrichtigungen implementiert werden.
- In Android Gingerbread (Version 2.3) werden in Benachrichtigungen nur das App-Symbol und der Text angezeigt, nicht die Wiedergabe/Pause oder das Stoppen.
- Weitere Informationen findest du unter Mediensteuerelemente zu Benachrichtigungen hinzufügen.
Android
Benachrichtigungssymbol für Absender
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-notification1_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Einstellungen für Absenderbenachrichtigungen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-notification2_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Sperrbildschirm des Absenders
Erforderlich (nur Android)
A Identifizieren Sie das Streamen von Inhalten anhand von Titel oder Artwork.
B Finden Sie heraus, welcher Web-Receiver gerade streamt. Für Musik-Apps ist dies nicht erforderlich.
C Die Wiedergabesteuerung bereitstellen
D Erteilen Sie Zugriff auf die Lautstärkeregelung über Hardwaretasten.
Erforderlich für Android 4.4 KitKat und höher:
- App-Symbol
- Artwork (z. B. Albumdeckblatt)
- Geben Sie im Text an, welche Inhalte gestreamt werden, z. B. „Stahlriss“.
- Herausfinden, welcher Web-Receiver gerade Inhalte überträgt, z. B. "Wohnzimmer"
Erforderlich für Android 4.3 Jelly Bean:
- Artwork (z. B. Albumdeckblatt)
- Geben Sie im Text an, welche Inhalte gestreamt werden, z. B. „Stahlriss“.
- Herausfinden, welcher Web-Receiver gerade Inhalte überträgt, z. B. "Wohnzimmer"
Notes
- Nur Android: In iOS oder Chrome können keine Benachrichtigungen implementiert werden.
- Die Steuerelemente für den Sperrbildschirm sind für Android 4.1 und höher erforderlich.
- Für verschiedene Versionen des Android-Betriebssystems sind unterschiedliche Steuerelemente verfügbar und auf dem Sperrbildschirm können nur Textfelder eingefügt werden. Im Allgemeinen beschreiben Grafiken und Symbole den Inhalt aussagekräftiger als Text.
- Über die Hardwaretasten zur Lautstärketasten sollte die Lautstärke in der Sender-App angepasst werden, wenn das Smartphone gesperrt ist.
- Das Steuerelement muss die Framework-Komponente verwenden:
MediaSession
oderMediaSessionCompat
(für Versionen 4.4 und 4.3) oderNotification
(für 5.0 und höher).
Android
Einstellungen für Absender auf Sperrbildschirm
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-lockscreen1_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Der Absender setzt die Übertragung fort
Eine verbundene Sender-App sollte ihren Verbindungsstatus nach einer impliziten Trennung wiederherstellen (z. B. Netzwerkausfall, Gerät im Ruhemodus oder Akkuausfall).
Erforderlich
A Wenn die Verbindung durch die Sender-App implizit getrennt wird, d. h. der Nutzer hat das Streamen nicht explizit beendet oder die Verbindung getrennt, sollte die Wiedergabe des Streaminginhalts auf dem Webempfänger fortgesetzt werden. Wenn die Anwendung oder Verbindung neu gestartet wird, sollte die Absender-App die Verbindung zum Webempfänger wiederherstellen, sofern die Sitzung des Webempfängers noch aktiv ist.
B Das Cast-Symbol sollte wieder verbunden sein.
C Wenn der Nutzer auf das Cast-Symbol tippt, bevor der Sender die Verbindung wiederhergestellt hat, wird die Liste der Web-Receiver-Geräte angezeigt. Wenn der Nutzer den Webempfänger auswählt,
der gerade streamt, sollte ein Mini-Controller oder ein erweiterter Controller in der Sender-App angezeigt werden.
Hinweise
Die Web Receiver App kann auch aufgrund eines Stromausfalls oder einer anderen nicht kontextbezogenen Unterbrechung die Verbindung trennen und nicht mehr ausgeführt werden. Dies wird als normales Sitzungsende behandelt, wie unter Sender stoppt das Streamen beschrieben.
Android
App auswählen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-resume1_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Streamingverbindung wiederhergestellt
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-resume2_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
iOS
App auswählen
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-resume1_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Streamingverbindung wiederhergestellt
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-resume2_a.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Sender beendet das Streaming
Inhalte, die auf einen Fernseher gestreamt werden, werden so lange fortgesetzt, bis entweder ein Nutzer „Streaming beenden“ auswählt oder ein Sender etwas Neues streamt. Wenn mehrere Absender mit demselben Webempfänger verbunden sind, sollte im Dialogfeld „Streamen“ für jede Absender-App die Schaltfläche „Verbindung trennen“ (anstelle der Schaltfläche „Streaming beenden“) angezeigt werden.
Erforderlich
A Wenn mehrere Absender mit einem Web Receiver verbunden sind,
hat das Drücken von „Streaming bei einer Sender-App beenden“ keine Auswirkungen auf den Web Receiver, sondern entfernt die Cast-Steuerung und Benachrichtigungen von diesem Absendergerät. Die übrigen verbundenen Sendergeräte bleiben über die Cast-Steuerung verbunden.
B Wenn die Verbindung zu einer Sender-App implizit getrennt wird, z. B. wenn der Akku des Sendergeräts ausfällt oder die Netzwerkverbindung des Sendergeräts zum Webempfänger abbricht, erfolgt nichts mit dem Webempfänger, sondern entfernt die Cast-Steuerung und Benachrichtigungen vom Sendergerät. Die Sender-App sollte implizite Trennungen verfolgen und versuchen, die Verbindung zu einem Webempfänger wiederherzustellen, wenn die Sender-App wieder geöffnet wird.
Android
Dialogfeld streamen, Schaltfläche zum Trennen der Verbindung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-end1.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
iOS
Dialogfeld streamen, Schaltfläche zum Trennen der Verbindung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-end1.png?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
Chrome
Dialogfeld streamen, Schaltfläche zum Trennen der Verbindung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-end1.jpg?authuser=0000&hl=de)
Web Receiver – Wiedergabe von Inhalten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=de)
In diesem Designleitfaden verwendete Bilder wurden mit freundlicher Genehmigung der Blender Foundation bereitgestellt und unter Copyright-Lizenz oder Creative Commons-Lizenz geteilt.
- Elefant's Dream: (c) Copyright 2006, Blender Foundation / Niederländisch 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