Cast-Symbol

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

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

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

Hinweis: Das Cast-Symbol bezieht sich nicht nur auf Google Cast. Es kann sowohl für Web-Empfänger als auch für Nicht-Web-Empfänger wie Bluetooth-Headsets verwendet werden. Web Receiver sollten immer unter dem Cast-Dialogfeld angezeigt werden und nicht unter anderen Dialogfeldern, Menüs oder Steuerelementen.

Übertragung für Nutzer einführen

Mit der neuen Cast-Schaltfläche wissen Nutzer, dass die Absender-App jetzt sowohl das Streamen unterstützt, als auch neue Nutzer, die Google Cast noch nicht verwenden.

Erforderlich
A Zeigt einen Einführungsbildschirm an, wenn Web-Empfänger das erste Mal verfügbar sind. Falls es sich um einen iOS-Absender handelt, muss das Cast-Einführungsbildschirm angezeigt werden, wenn das Cast-Symbol zum ersten Mal angezeigt wird.
B Heben Sie das Cast-Symbol visuell hervor, indem Sie die Schaltfläche umkreisen.
C Erklären Sie, wie das Cast-Symbol funktioniert (z. B. über eine Nachricht wie "Touch-Video auf Ihren Fernseher streamen").

Android

Cast-Einführung

Startbildschirm streamen

iOS

Cast-Einführung

Startbildschirm streamen

Chrome

Cast-Einführung

Startbildschirm streamen

 

Verfügbarkeit der Cast-Schaltfläche

Erforderlich
A Das Cast-Symbol muss auf jedem Bildschirm, auf dem spielbare Inhalte verfügbar sind, sichtbar sein und sich beim Stöbern oder Abspielen von Inhalten an einer einheitlichen Position befinden. Außerdem wird er in der Kopfzeile von Chrome für die globale Steuerung angezeigt.
B Bei anderen Absendern als iOS kann das Cast-Symbol ausgeblendet werden, wenn Webempfänger nicht verfügbar sind. Bei iOS-Absendern sollte das Cast-Symbol immer angezeigt werden, wenn das Gerät mit einem WLAN verbunden ist. So kann Nutzern angemessen geholfen werden, wenn sie den lokalen Netzwerkzugriff deaktiviert haben und die Geräte dadurch unsichtbar werden. Weitere Informationen findest du unter iOS-Berechtigungen und Erkennung.
C In mobilen Apps sollte sich das Cast-Symbol auf der rechten Seite befinden.
D In Chrome sollte sich das Cast-Symbol auf der rechten Seite in den Inhaltsmedien befinden (z. B. ein eingebettetes Video). Wenn die Mediensteuerelemente eine Vollbild-Schaltfläche enthalten, platzieren Sie die Cast-Schaltfläche links davon.

Hinweis

Google Cast verwendet ein Multitasking-Modell, mit dem Nutzer beim Übertragen die Absender-App und andere Apps durchsuchen können. Das Cast-Symbol muss von jedem Bildschirm mit abspielbaren Inhalten sichtbar sein, damit der Nutzer nicht danach suchen muss, um die Wiedergabe auf dem Fernseher zu pausieren oder zu beenden.

Android

Sender getrennt

Startbildschirm streamen

iOS

Sender getrennt

Startbildschirm streamen

Chrome

Sender getrennt

Startbildschirm streamen

 

Status der Streamingschaltfläche

Erforderlich
A Nicht verfügbar: Wenn Android nicht verfügbar ist, wird das Cast-Symbol nicht angezeigt
B Nicht verbunden: Wenn Web-Empfänger verfügbar sind, wird das Cast-Symbol
C Verbinden: Wenn der Web-Empfänger verbunden ist, wird die Cast-Schaltfläche in der Web-App an der Form

Best Practices
Verwenden Sie für jeden Schaltflächenstatus Farben, die zum Stil anderer UI-Elemente in Ihrer App passen. Die Verwendung einer eindeutigen Markierungsfarbe (z. B. Gelb) ist für den Status „Ein/Verbunden“ optional.

Notes

  • Das Cast-Symbol wird in Chrome und iOS angezeigt, um unabhängig von der Verfügbarkeit von Cast-Geräten Zugriff auf die Cast-Erweiterung zu ermöglichen.
  • Der Verbindungsstatus (animiert) wird angezeigt, wenn die Verbindung zur Cast API länger als erwartet dauert (das Android SDK und das Chrome SDK werden das Cast-Symbol automatisch animieren). Sobald die Verbindung hergestellt ist, startet die Web Receiver App.
  • Der Status AN / Verbunden für das Cast-Symbol wurde aktualisiert und verwendet jetzt eine ausgefüllte Fläche im Symbolrahmen. Die neuen Cast-Symbole und -Symbolvorlagen sind hier verfügbar.

Android

Sender, Streaming nicht verfügbar

Startbildschirm streamen

Sender, Verbindung getrennt

Startbildschirm streamen

Sender, Cast-Verbindung

Startbildschirm streamen

Sender, verbunden

Web Receiver App wird geladen

Sender, verbunden

Web Receiver App geladen / inaktiv

iOS

Sender, Streaming nicht verfügbar

Startbildschirm streamen

Sender, Verbindung getrennt

Startbildschirm streamen

Sender, Cast-Verbindung

Startbildschirm streamen

Sender, verbunden

Web Receiver App wird geladen

Sender, verbunden

Web Receiver App geladen / inaktiv

Chrome

Sender, Streaming nicht verfügbar

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

Startbildschirm streamen

Sender, Verbindung getrennt

Startbildschirm streamen

Sender, Cast-Verbindung

Startbildschirm streamen

Sender, verbunden

Web Receiver App wird geladen

Sender, verbunden

Web Receiver App geladen / inaktiv

 

 

Die in diesem Designleitfaden verwendeten Bilder werden zur Verfügung gestellt von der Blender Foundation. Sie wird im Rahmen einer Urheberrechts- oder Creative-Commons-Lizenz geteilt.

  • Elephant Dream: (c) Copyright 2006, Blender Foundation / Dutch 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