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](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/prompting1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
iOS
Wprowadzenie do obsady
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/prompting1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Chrome
Wprowadzenie do obsady
![Wprowadzenie do obsady](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/prompting1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![Prześlij ekran główny](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
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](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
iOS
Nadawca został rozłączony
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-available1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Chrome
Nadawca został rozłączony
![Nadawca został rozłączony](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-available1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
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](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=7&hl=pl)
Prześlij ekran główny
![Prześlij ekran główny](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, łączenie Cast
![Nadawca, łączenie Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-2-122023.png?authuser=7&hl=pl)
Prześlij ekran główny
![Prześlij ekran główny](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![Nadawca, połączono Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=pl)
Wczytuję aplikację Web Detectr
![Wczytuję aplikację Web Detectr](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![Nadawca, połączono Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=7&hl=pl)
Aplikacja internetowa odbiornika załadowana / bezczynna
![Aplikacja internetowa odbiornika załadowana / bezczynna](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=pl)
iOS
Nadawca, przesyłanie niedostępne
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states1_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, przesyłanie odłączone
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, łączenie Cast
![Nadawca, łączenie Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states3_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=pl)
Wczytuję aplikację Web Detectr
![Wczytuję aplikację Web Detectr](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=7&hl=pl)
Aplikacja internetowa odbiornika załadowana / bezczynna
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=pl)
Chrome
Nadawca, przesyłanie niedostępne
![Nadawca, przesyłanie niedostępne](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states1_a.png?authuser=7&hl=pl)
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
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, przesyłanie odłączone
![Nadawca, przesyłanie odłączone](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, łączenie Cast
![Nadawca, łączenie Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states3_a.png?authuser=7&hl=pl)
Prześlij ekran główny
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![Nadawca, połączono Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=pl)
Wczytuję aplikację Web Detectr
![Wczytuję aplikację Web Detectr](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=7&hl=pl)
Nadawca, połączono Cast
![Nadawca, połączono Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=7&hl=pl)
Aplikacja internetowa odbiornika załadowana / bezczynna
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=7&hl=pl)
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