Cast-Symbol

Über das Cast-Symbol wird ein Dialogfeld geöffnet, über das Sie Web-Receiver verbinden, steuern und ihre Verbindung trennen können.

Informationen zum Herunterladen der Vorlagen für das Cast-Symbol findest du unter Cast-Symbole.

Das Cast-Symbol bezieht sich nicht auf Google Cast. Es kann sowohl für Web-Empfänger als auch für andere Geräte verwendet werden, beispielsweise für Bluetooth-Headsets. Webempfänger sollten immer unter dem Cast-Dialogfeld angezeigt werden und niemals unter einem anderen Dialogfeld, Menü oder Steuerelement.

Google Cast für Nutzer vorstellen

Durch die Einführung des Cast-Symbols können bestehende Nutzer wissen, dass die Absender-App jetzt Streaming unterstützt und auch Nutzern, die neu bei Google Cast sind, diese Funktion zur Verfügung stellt.

Erforderlich
A Zeige das Cast-Symbol ein, wenn Web-Empfänger das erste Mal verfügbar sind. iOS-Absender zeigen dir einen Bildschirm zum Streamen, wenn das Cast-Symbol zum ersten Mal angezeigt wird.
B Das Cast-Symbol visuell durch Einkreisen der Schaltfläche hervorheben
C Erkläre, wie das Cast-Symbol funktioniert (z. B. erscheint eine Nachricht wie „Zum Streamen von Videos auf den Fernseher tippen“).

Android

Cast-Einführung

Startbildschirm streamen

iOS

Cast-Einführung

Startbildschirm streamen

Chrome

Cast-Einführung

Cast-Einführung

Startbildschirm streamen

 

Verfügbarkeit der Cast-Schaltfläche

Erforderlich
A Das Cast-Symbol muss auf allen Bildschirmen, auf denen spielbare Inhalte vorhanden sind, sichtbar sein und sich an derselben Stelle befinden, wenn Inhalte durchsucht oder wiedergegeben werden. Außerdem wird sie zur globalen Kontrolle in der Kopfzeile von Chrome angezeigt.
B Bei anderen Absendern als iOS kann das Cast-Symbol ausgeblendet werden, wenn Web-Empfänger nicht verfügbar sind. Bei iOS-Absendern sollte das Cast-Symbol immer sichtbar sein, wenn das Gerät mit einem WLAN verbunden ist. So kann der Nutzer Hilfe erhalten, wenn er den lokalen Netzwerkzugriff deaktiviert hat und die Geräte dadurch nicht mehr auffindbar sind. Weitere Informationen finden Sie unter iOS-Berechtigungen und Auffindbarkeit.
C Bei mobilen Apps sollte sich das Cast-Symbol auf der rechten Seite befinden.
D In Chrome sollte sich das Cast-Symbol auf der rechten Seite der Mediensteuerelemente befinden (z. B. für eingebettete Videos). Wenn die Mediensteuerelemente eine Vollbildschaltfläche enthalten, platzieren Sie die Cast-Schaltfläche links davon.

Hinweis

Google Cast verwendet ein Multitasking-Modell, mit dem Nutzer beim Streamen die App des Absenders und andere Apps durchsuchen können. Das Cast-Symbol muss von jedem Bildschirm mit spielbaren Inhalten sichtbar sein, damit der Nutzer nicht erst danach suchen muss, wo er die Wiedergabe auf dem Fernseher pausieren oder beenden kann.

Android

Sender getrennt

Startbildschirm streamen

iOS

Sender getrennt

Startbildschirm streamen

Chrome

Sender getrennt

Sender getrennt

Startbildschirm streamen

 

Status der Cast-Schaltfläche

Erforderlich
A Nicht verfügbar: Wenn Android nicht verfügbar ist, wird das Cast-Symbol nicht angezeigt
B Verbindung getrennt: Wenn Web-Empfänger verfügbar sind, wird das Cast-Symbol eingeblendet
C Verbinden: Wenn der Web-Empfänger verbunden wird, wird die Cast-Funktion das Cast-Symbol

Best Practices
Verwende für jeden Schaltflächenstatus Farben, die zum Stil anderer UI-Elemente deiner App passen. Die Verwendung einer eindeutigen Markierungsfarbe (z. B. Gelb) für den Status AN / Verbunden ist optional.

Hinweise

  • Das Cast-Symbol wird in Chrome und iOS angezeigt, um den Zugriff auf die Cast-Erweiterung unabhängig von der Verfügbarkeit von Cast-Geräten zu ermöglichen.
  • Der Verbindungsstatus (animiert) wird angezeigt, wenn die Verbindung zur Cast API länger als erwartet dauert (das Android- und das Chrome SDK animieren das Cast-Symbol automatisch). Sobald die Verbindung hergestellt ist, wird die Web Receiver App gestartet.
  • Der Status „AN / Verbunden“ des Cast-Symbols wurde aktualisiert und verwendet jetzt eine ausgefüllte Füllung im Symbolrahmen. Die neuen Cast-Symbol- und -Symbolvorlagen finden Sie hier.

Android

Sender, Streaming nicht verfügbar

Startbildschirm streamen

Absender, Verbindung getrennt

Startbildschirm streamen

Absender, Cast-Verbindung

Absender, Cast-Verbindung

Startbildschirm streamen

Absender, verbunden

Web Receiver App wird geladen

Web Receiver App wird geladen

Absender, verbunden

Web Receiver App geladen / inaktiv

iOS

Sender, Streaming nicht verfügbar

Startbildschirm streamen

Absender, Verbindung getrennt

Startbildschirm streamen

Absender, Cast-Verbindung

Absender, Cast-Verbindung

Startbildschirm streamen

Absender, verbunden

Web Receiver App wird geladen

Web Receiver App wird geladen

Absender, verbunden

Web Receiver App geladen / inaktiv

Chrome

Sender, Streaming nicht verfügbar

Sender, Streaming nicht verfügbar

Das Cast-Symbol wird in Chrome angezeigt, um unabhängig vom Verbindungsstatus Zugriff auf die Cast-Erweiterung zu bieten.

Startbildschirm streamen

Absender, Verbindung getrennt

Absender, Verbindung getrennt

Startbildschirm streamen

Absender, Cast-Verbindung

Absender, Cast-Verbindung

Startbildschirm streamen

Absender, verbunden

Absender, verbunden

Web Receiver App wird geladen

Web Receiver App wird geladen

Absender, verbunden

Absender, verbunden

Web Receiver App geladen / inaktiv

 

 

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