Przycisk Cast

Przycisk Cast otwiera okno umożliwiające podłączanie do odbiorników internetowych, sterowanie nimi i ich rozłączanie.

Informacje o tym, jak pobrać szablony przycisku Cast, znajdziesz w artykule Ikony przesyłania.

Pamiętaj, że przycisk Cast nie dotyczy tylko Google Cast – można go używać do reprezentowania zarówno odbiorników internetowych, jak i innych odbiorników internetowych (np. zestawów słuchawkowych Bluetooth). Odbiorniki internetowe powinny zawsze być wyświetlane w oknie przesyłania – nigdy w innym oknie, w innym menu lub innym elemencie sterującym.

  Przedstaw użytkownikom przesyłanie treści

Dzięki przyciskowi przesyłania obecni użytkownicy będą wiedzieć, że aplikacja nadawcy obsługuje przesyłanie, a także pomoże użytkownikom, którzy dopiero zaczynają korzystać z Google Cast.

Wymagane
  A   Gdy będą dostępne pierwsze odbiorniki internetowe, pokaż ekran z wprowadzeniem do przesyłania. Nadawca z iOS po pierwszym wyświetleniu przycisku Cast pokaż ekran z wprowadzenie do przesyłania.
B Przedstaw wizualnie przycisk Cast, obracając go kółkiem
C Wyjaśnij, jak działa przycisk przesyłania (na przykład wyświetlając komunikat „Kliknij, aby przesłać filmy na telewizor”).

Android

Wprowadzenie do obsady

Wprowadzenie do obsady

Prześlij ekran główny

iOS

Wprowadzenie do obsady

Prześlij ekran główny

Chrome

Wprowadzenie do obsady

Wprowadzenie do obsady

Prześlij ekran główny

Prześlij ekran główny
 

  Dostępność przycisku Cast

Wymagany
  A   Przycisk przesyłania musi być widoczny na każdym ekranie, na którym są odtwarzane treści, i znajdować się w stałej pozycji podczas przeglądania lub odtwarzania treści. Pojawi się też w nagłówku Chrome w celu zapewnienia globalnej kontroli.
  B  Przycisk przesyłania można ukryć w Chrome, gdy odbiorniki internetowe są niedostępne. W przypadku nadawców na Androida i iOS przycisk Cast powinien być zawsze wyświetlany, gdy urządzenie jest połączone z Wi-Fi. Dlatego jeśli użytkownik wyłączył dostęp do sieci lokalnej, przez co urządzenia nie byłyby wykrywalne (więcej informacji znajdziesz w artykule Uprawnienia i wykrywanie urządzeń w iOS).
  C   W przypadku aplikacji mobilnych przycisk Cast powinien znajdować się po prawej stronie.
  D   W Chrome przycisk Cast powinien znajdować się po prawej stronie elementów sterujących odtwarzaniem treści (np. patrz umieszczony film). Jeśli elementy sterujące multimediami mają przycisk pełnego ekranu, umieść go po jego lewej stronie.

Uwaga

Google Cast wykorzystuje model wielozadaniowy, który umożliwia użytkownikom przeglądanie aplikacji nadawcy i innych aplikacji podczas przesyłania. Przycisk przesyłania musi być widoczny na każdym ekranie, na którym znajdują się treści do odtworzenia, więc użytkownik nie musi szukać miejsca, w którym można wstrzymać odtwarzanie lub zatrzymać odtwarzanie na telewizorze.

Android

Nadawca został rozłączony

Nadawca został rozłączony

Prześlij ekran główny

iOS

Nadawca został rozłączony

Prześlij ekran główny

Chrome

Nadawca został rozłączony

Nadawca został rozłączony

Prześlij ekran główny

 

  Stany przycisku Cast

Wymagane
A Rozłączono: gdy odbiorniki internetowe są dostępne, pojawia się przycisk Cast
B Łączenie: po nawiązaniu połączenia odbiornik przycisk Cast stopniowo animuje fale na ikonie (szczegóły znajdziesz poniżej)
C Połączono: gdy ta aplikacja jest połączona z odbiornikiem Web kształtu, jej przycisk jest widoczny po podłączeniu odbiornika

Sprawdzone metody
W przypadku każdego stanu przycisku użyj kolorów, które pasują do stylu innych elementów interfejsu Twojej aplikacji. Użycie wyraźnego koloru podświetlenia (np. żółtego) w przypadku stanu WŁĄCZONE / Połączono jest opcjonalne.

Notes

  • Ikona Cast wyświetla się w Chrome, na urządzeniach z Androidem i iOS, zapewniając dostęp do rozszerzenia Cast niezależnie od dostępności urządzeń przesyłających.
  • Stan połączenia (animowane) pojawia się, gdy połączenie z interfejsem Cast API trwa dłużej niż oczekiwano (w pakiecie Android i pakietach SDK Chrome ikona przesyłania będzie automatycznie animowana). Po nawiązaniu połączenia zostanie uruchomiona aplikacja Web Odbieranie.
  • Stan WŁĄCZONE / Połączono ikony przesyłania został zaktualizowany i teraz w ramce ikony wypełniane jest jednolicie. Nowe szablony ikon i ikon Cast są dostępne tutaj.

Android

Nadawca, przesyłanie odłączone

Nadawca, przesyłanie odłączone

Prześlij ekran główny

Prześlij ekran główny

Nadawca, łączenie Cast

Nadawca, łączenie Cast

Prześlij ekran główny

Prześlij ekran główny

Nadawca, połączono Cast

Nadawca, połączono Cast

Wczytuję aplikację Web Detectr

Wczytuję aplikację Web Detectr

Nadawca, połączono Cast

Nadawca, połączono Cast

Aplikacja internetowa odbiornika załadowana / bezczynna

Aplikacja internetowa odbiornika załadowana / bezczynna

iOS

Nadawca, przesyłanie niedostępne

Prześlij ekran główny

Nadawca, przesyłanie odłączone

Prześlij ekran główny

Nadawca, łączenie Cast

Nadawca, łączenie Cast

Prześlij ekran główny

Nadawca, połączono Cast

Wczytuję aplikację Web Detectr

Wczytuję aplikację Web Detectr

Nadawca, połączono Cast

Aplikacja internetowa odbiornika załadowana / bezczynna

Chrome

Nadawca, przesyłanie niedostępne

Nadawca, przesyłanie niedostępne

Ikona Cast wyświetla się w Chrome, umożliwiając dostęp do rozszerzenia Cast niezależnie od stanu połączenia.

Prześlij ekran główny

Nadawca, przesyłanie odłączone

Nadawca, przesyłanie odłączone

Prześlij ekran główny

Nadawca, łączenie Cast

Nadawca, łączenie Cast

Prześlij ekran główny

Nadawca, połączono Cast

Nadawca, połączono Cast

Wczytuję aplikację Web Detectr

Wczytuję aplikację Web Detectr

Nadawca, połączono Cast

Nadawca, połączono Cast

Aplikacja internetowa odbiornika załadowana / bezczynna

 

 

Obrazy użyte w tym przewodniku projektowym pochodzą od Blender Foundation i są udostępniane na licencji Creative Commons.

  • Elephant's Dream: (c) prawa autorskie 2006, Blender Foundation / Holandia Media Art Institute / www.elephantsdream.org
  • Sintel: (c) fundacja Blendera praw autorskich | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) prawa autorskie 2008, Blender Foundation / www.bigbuckbunny.org