Wrażenia użytkowników z platformy Google Cast
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Google Cast pozwala aplikacjom internetowym Chrome na Androida, iOS i Chrome przesyłać strumieniowo treści (np. wideo, dźwięk i ekran) do urządzeń obsługujących Cast, takich jak:
- Google Chromecast
- Telewizory działające z Google Cast
- Głośniki działające z Google Cast
- inteligentne ekrany (przenośny ekran dotykowy LCD używany jako cienki klient);
- Tablety z Androidem
W ramach modelu interakcji Google Cast telefon komórkowy, tablet lub laptop są nadawcami, którzy pełnią funkcję pilota do sterowania odtwarzaniem, a telewizor, ekran lub dokowany tablet są odbiorcami, którzy odbierają instrukcje od nadawców i wyświetlają treści z połączenia internetowego odbiorcy. Wszystkie działania użytkownika (dotknięcia i przesunięcia) mogą mieć miejsce zarówno na urządzeniu nadawcy, jak i na odbiorniku internetowym.
Przesyłanie zależy od koordynacji co najmniej 2 ekranów: interfejsu użytkownika nadawcy i interfejsu użytkownika odbiorcy. Muszą one ze sobą współpracować. Jeśli na przykład naciśniesz przycisk na urządzeniu mobilnym, aby wstrzymać odtwarzanie, telewizor powinien poinformować o tym, że odtwarzanie zostało wstrzymane, a urządzenie mobilne powinno wyświetlić przycisk odtwarzania, aby wznowić odtwarzanie.
Uwagi
Z powodu ograniczeń sprzętowych i zasobów
aplikacje obsługujące Google Cast są objęte pewnymi ograniczeniami:
- Urządzenie Cast jest urządzeniem o niskim poborze mocy z ograniczonymi zasobami pamięci, procesora i procesora graficznego, dlatego aplikacja odbiornika internetowego powinna być jak najmniejsza.
- W przypadku modeli interakcji z Google Cast i Google Cast karty, okna i wyskakujące okienka można tworzyć zarówno w aplikacji wysyłającej, jak i odbiornika internetowego, a także akceptować bezpośrednio dane wejściowe użytkownika, takie jak dotknięcia lub przesunięcia. Na przykład aplikacja Web Receiver na zadokowanym tablecie lub wyświetlaczu może wyświetlać przycisk pauzy i reagować na dotyk użytkownika. W ten sposób wszystkie działania w aplikacji muszą być wywoływane przez odbiornik internetowy lub aplikację wysyłającą.
- Inteligentne ekrany umożliwiają użytkownikowi wprowadzanie danych za pomocą aplikacji nadawcy lub dotykowej interfejsu użytkownika.
- Odbiornik internetowy to przeglądarka Chrome zoptymalizowana pod kątem odtwarzania filmów. W związku z tym WebGL i natywny klient Chrome (NaCL) nie są obecnie obsługiwane, podobnie jak rozszerzenia Chrome.
- Cast obsługuje odtwarzanie jednego strumienia multimediów w tagach
<audio> i <video> lub wielu ścieżek audio za pomocą interfejsu WebAudio API. W dowolnym momencie w DOM może być aktywny tylko 1 element wideo.
Ponadto nie są obsługiwane kompozycja, manipulacja, transformacje, obracanie ani przybliżanie filmów.
Ogólne zasady projektowania
Podczas opracowywania interfejsu użytkownika pamiętaj o poniższych kwestiach.
Interfejs Web Receiver:
- Odbiornik internetowy może zawierać zarówno elementy interaktywne, jak i elementy informacyjne opisujące stan aplikacji, np. wstrzymana lub odtwarzana, oraz komunikaty o błędach. Interakcje użytkownika mogą odbywać się na urządzeniu przesyłającym (telefonie, tablecie lub przeglądarce Chrome) lub na odbiorniku internetowym (telewizorach, ekranach lub tabletach).
- Pamiętaj, że akcja w filmie rozgrywa się w środku ekranu telewizora, a elementy interfejsu nie powinny przeszkadzać w prezentacji. Umieść elementy interfejsu w dolnej trzeciej części ekranu odbiornika internetowego, pozostawiając 10% marginesu od krawędzi ekranu na potrzeby przeskalowania.
- W miarę możliwości przejścia między stanami ekranu powinny być płynne i przypominać film. Zamiast nagłych przejść między stanami użyj przejść takich jak płynne pojawianie się i znikanie. Na przykład stan wczytywania treści pozostaje na ekranie i płynnie przechodzi w odtwarzanie multimediów.
Interfejs nadawcy:
- Nadawca obsługuje działania użytkownika, a odbiornik internetowy wyświetla informacje o stanie.
Jeśli na przykład treści są wstrzymane, telewizor powinien wyświetlić informację o wstrzymaniu, a urządzenie mobilne – o gotowości do rozpoczęcia odtwarzania (np. wyświetlając użytkownikowi przycisk odtwarzania).
- Szybkość ma znaczenie. Użytkownicy muszą mieć możliwość szybkiego znalezienia sterowania przesyłaniem i zobaczenia, że treści zaczynają się odtwarzać natychmiast na dużym ekranie. Podczas wczytywania treści wyświetlaj animowane wskaźniki wczytywania i użyj przejść, aby sprawić wrażenie szybszego wczytywania.
Najprostszym sposobem na upewnienie się, że aplikacja Cast jest zgodna z tymi zasadami, jest sprawdzenie interfejsu użytkownika za pomocą listy kontrolnej dotyczącej projektu oraz przetestowanie aplikacji Cast.
Wskazówki dotyczące marki
Poniższe wskazówki dotyczące marki Google Cast są przeznaczone dla deweloperów aplikacji i dotyczą dodatkowych wymagań, które musisz spełnić, aby opisać aplikację w tekście.
Wskazówki dotyczące marki urządzeń Cast znajdziesz w Centrum Marketingu Partnerskiego.
Możesz poinformować innych, że Twoja aplikacja działa z Google Cast, używając terminu „obsługa Google Cast”. Upewnij się jednak, że Twoja aplikacja jest zgodna z Dodatkowymi warunkami korzystania z pakietu SDK Cast i listą kontrolną projektowania oraz że używasz interfejsu Google Cast zgodnie z naszymi wskazówkami dotyczącymi promowania marki.
Podobnie możesz używać plakietki Google Cast, o ile Twoja aplikacja lub urządzenie jest zgodne z naszymi wytycznymi dotyczącymi plakietki. Google zastrzega sobie prawo do poproszenia o zmianę lub zaprzestanie używania plakietki, jeśli nie jest ona zgodna ze wskazówkami dotyczącymi marki.
„Google Cast” w tekście
- Gdy opisujesz aplikację (a nie urządzenie), jako urządzenie obsługujące Cast, używaj wyrażenia „obsługa Google Cast”. Na przykład: „Ta aplikacja obsługuje Google Cast”.
- Podczas opisywania kompatybilnego z Cast urządzenia zewnętrznego należy użyć sformułowania „Ten {telewizor} działa z Google Cast” lub „Te {głośniki} działają z Google Cast”.
- W tekście wyrazy „Google” i „Cast” należy pisać wielką literą.
- W przypadku każdego zasobu marketingowego, który zawiera w tekście lub na plakietce/logo nazwę „Google Cast”, musisz dodać takie oświadczenie prawne: „Google Cast” jest znakiem towarowym firmy Google LLC.
- Nie umieszczaj w tytule aplikacji nazwy Google Cast (np. XYZ Google Cast App).
Wiadomości w aplikacji obsługującej Google Cast
Możesz promować aplikację w ten sposób:
- „XYZ to aplikacja obsługująca Google Cast, która umożliwia strumieniowe przesyłanie ulubionych treści z urządzenia mobilnego na telewizor”.
- „Aplikacja XYZ jest teraz dostępna na telewizory współpracujące z Google Cast”.
- „Aplikacja XYZ jest teraz dostępna na wszystkich urządzeniach Google Cast, w tym na Chromecastach, Chromecastach Audio oraz telewizorach i głośnikach współpracujących z Google Cast”.
- „Aplikacja XYZ obsługuje Google Cast, dzięki czemu możesz oglądać ulubione programy, filmy, słuchać muzyki i grać na telewizorze obsługującym Google Cast”.
- „Aplikacja XYZ obsługuje teraz Google Cast, co umożliwia użytkownikom strumieniowe przesyłanie treści z telefonu na telewizor obsługujący Google Cast”.
Plakietka Google Cast
Możesz używać plakietki „Google Cast” na swojej stronie internetowej, w informacjach o aplikacji w sklepie, w materiałach marketingowych i materiałach promocyjnych, aby wyświetlać informacje o zgodności z urządzeniami korzystającymi z protokołu Cast.
- Nie zmieniaj koloru, proporcji, odstępów ani innych aspektów obrazu plakietki.
- Jeśli plakietkę Google Cast używasz razem z plakietkami innych technologii (np. Bluetooth, Spotify Connect, AirPlay itp.), musi ona mieć taką samą lub większą wielkość.
- Plakietka nie może być głównym elementem na stronie.
- Zachowaj odstęp między plakietką a innymi logo i ikonami na stronie.
- Jeśli używasz plakietki na białym, jasnym lub średniotonowym tle, użyj czarnej plakietki.
- W przypadku stosowania na czarnym lub ciemnym tle użyj białej plakietki.
- Nie używaj plakietki na stronie zawierającej lub wyświetlającej treści dla dorosłych, promującej hazard, promującej przemoc, zawierającej wypowiedzi szerzące nienawiść, związanej ze sprzedażą wyrobów tytoniowych lub alkoholowych osobom poniżej 21 roku życia, naruszającej inne obowiązujące przepisy lub regulacje albo w inny sposób budzącej zastrzeżenia.
Łączenie plakietki
Podczas korzystania z internetu plakietka Google Cast musi zawierać link do jednej z tych stron:
- Lista aplikacji i usług Google obsługujących Google Cast na stronie g.co/castapps.
- lista opublikowanych przez Ciebie produktów;
- opublikowana przez Ciebie strona ze szczegółami konkretnego produktu.
- lista opublikowanych przez Ciebie aplikacji;
- Konkretną stronę z informacjami o aplikacji opublikowaną przez Ciebie w Google Play lub w Apple App Store.
Pobierz zasoby z plakietką Google Cast
Pakiet do pobrania zawiera formaty Portable Network Graphics (PNG), Adobe Illustrator (AI) i Encapsulated Postscript (EPS).
Podgląd plakietek Google Cast
Wszystkie dostępne plakietki oraz instrukcje dotyczące ich stosowania znajdziesz na stronie ze wskazówkami dotyczącymi plakietek w Partner Hub.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-25 UTC.
[null,null,["Ostatnia aktualizacja: 2025-07-25 UTC."],[[["\u003cp\u003eGoogle Cast enables streaming of content like video and audio from Android, iOS, and Chrome to compatible devices.\u003c/p\u003e\n"],["\u003cp\u003eThe sender device (phone, tablet, laptop) acts as a remote, while the receiver device (TV, speaker, display) plays the content.\u003c/p\u003e\n"],["\u003cp\u003eBoth sender and receiver UIs must be coordinated for a seamless user experience, with actions reflected on both.\u003c/p\u003e\n"],["\u003cp\u003eWeb Receiver applications should be lightweight due to device limitations, and interactive elements should be strategically placed for optimal viewing.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Cast branding guidelines must be followed when promoting app compatibility, including using the approved badge and messaging.\u003c/p\u003e\n"]]],["Google Cast enables content streaming from sender devices (phones, tablets, laptops) to receiver devices (Chromecast, Cast-enabled TVs/speakers/displays). Senders act as remote controls, while receivers display content from their internet connection. Both sender and receiver UIs coordinate actions like pausing/playing. Design considerations include lightweight receiver apps, UI placement within the lower third of the screen, and smooth transitions. Apps can be described as \"Google Cast-enabled\" and use a Google Cast badge, following specific branding guidelines and linking requirements.\n"],null,["# User Experience With the Google Cast Platform\n\nGoogle Cast allows Android, iOS, and Chrome web apps to \"stream\" content ---\nlike video, audio and screen sharing (mirroring) --- to Cast-ready devices\nlike:\n\n- Google Chromecast\n- TVs that work with Google Cast\n- Speakers that work with Google Cast\n- Smart Displays (a portable touchscreen LCD monitor used as a thin client)\n- Android Tablets\n\nIn the Google Cast interaction model, the mobile phone, tablet or laptop is the\n**sender** which acts as a remote control to control the playback, and the TV,\ndisplay or docked tablet is the **receiver** which receives instructions from\nthe sender and displays the content from the receiver's Internet connection. All\nthe user actions (taps and swipes) can take place on **both** the sender device\nor the Web Receiver.\n\nCasting relies on the coordination between two or more screens; the sender UI\nand the receiver UI --- they must work together. For example, if you press a\nbutton on a mobile device to pause the content, the TV should indicate that it\nis paused, while the mobile device should provide a play button to resume\nplayback.\n\nConsiderations\n--------------\n\nDue to hardware and resource limitations, there are certain restrictions placed\non Google Cast-enabled applications:\n\n- The Cast device is a low-power device with memory, CPU and GPU limitations, so the Web Receiver application should be as lightweight as possible.\n- For Cast and Google Cast interaction models, tabs, windows or popups can be created in both the Web Receiver or sender app, as well as directly accept user input, such as taps or swipes. For example, the Web Receiver app on a docked tablet or display can display a pause button and receive a user's tap. In this way, *all* actions on the application must be triggered from either a Web Receiver or sender application.\n- Smart Displays support user input through a sender app or via touch on the UI.\n- The Web Receiver is a Chrome browser optimized for video playback. As such, WebGL and Chrome Native Client (NaCL) are not currently supported, nor are Chrome extensions.\n- Cast supports a single concurrent media stream playback in the `\u003caudio\u003e` and `\u003cvideo\u003e` tags, or multiple audio tracks using the WebAudio API. Only one video element may be active in the DOM at any time. Additionally, video compositing, manipulation, transformations, rotations or zooming are not supported.\n\nOverall design principles\n-------------------------\n\nKeep the following in mind as you develop your user interface.\n\n**Web Receiver interface:**\n\n- The Web Receiver can have both interactive elements and informational elements to describe the state of the app, such as paused or playing, or error messages. User interaction can take place on the Cast sender (phone, tablet, or Chrome browser) or the Web Receiver (TV, displays, or tablets).\n- Remember that the video action is happening in the middle of the TV screen, and your UI elements should not interfere with the presentation. Place UI elements within the lower third of the Web Receiver display, leaving a 10% margin from the edges of the screen for possible [overscan](/cast/docs/caf_receiver/customize_ui#overscan).\n- When possible, transitions from one screen state to another should be smooth and feel cinematic. Rather than abrupt moves from state to state, use transitions like fade-in and fade-out. For example, the content-loading state lingers on-screen and fades into the media playing experience.\n\n**Sender interface:**\n\n- The sender supports user actions and the Web Receiver displays state information. For example, if content is paused, the TV should indicate that it is paused, while the mobile device indicates it is ready to start playing (for example, showing the user a play button).\n- Speed matters. Users need to be able to quickly locate the casting control and see content start playing immediately on the large screen. While content is loading, provide animated loading indicators and use transitions to help make things feel faster.\n\nThe easiest way to ensure that your Cast application follows these principles is\nto review your user interface with the Cast [Design Checklist](/cast/docs/design_checklist)\nand [test your Cast applications](/cast/docs/testing).\n\nBrand guidelines\n----------------\n\nThe following Google Cast brand guidelines are for app developers and focus on\nthe additional requirements you must comply with to describe your app in text.\nFor Cast devices brand guidelines see the\n[Partner Marketing Hub](https://partnermarketinghub.withgoogle.com/brands/google-cast/overview/brand-introduction/).\nYou can let others know that your app works with Google Cast by using\nthe term \"Google Cast-enabled\". However be sure that your app complies\nwith the Cast [SDK Additional Developer Terms of Service](/cast/docs/terms)\nand the [Design Checklist](/cast/docs/design_checklist), and that your\nuse of \"Google Cast-enabled\" complies with our branding guidelines.\n\nYou can similarly use a [Google Cast badge](#google_cast_badge)\nas long as your app or device complies with our badging guidelines. Google\nreserves the right to request that you modify or cease your use of the badge if\nit does not comply with the brand guidelines.\n\n### \"Google Cast\" in text\n\n- When describing an app (not a hardware product) as being Cast-enabled, use the phrase \"Google Cast-enabled\". For example: \"This app is Google Cast-enabled\".\n- When describing a Cast compatible third-party hardware product, use \"This {TV} works with Google Cast\", \"These {speakers} work with Google Cast\".\n- When written in text, \"Google\" and \"Cast\" should be capitalized.\n- In any marketing asset that uses \"Google Cast\" in text or the badge/logo, you must include the following legal attribution: Google Cast is a trademark of Google LLC.\n- Don't put Google Cast in the title of the app (such as XYZ Google Cast App).\n\n### Google Cast-enabled app messaging\n\nYou can promote your app as follows:\n\n- \"XYZ is a Google Cast-enabled app which lets you stream your favorite entertainment from your mobile device to your TV.\"\n- \"The XYZ app is now available for TVs that work with Google Cast.\"\n- \"The XYZ app is now available for all Google Cast products including Google Chromecast, Google Cast Audio, and TVs and speakers that work with Google Cast.\"\n- \"The XYZ app is Google Cast-enabled, allowing you to enjoy all your favorite shows/movies/music/games on your TV that works with Google Cast.\"\n- \"The XYZ app now has Google Cast support, allowing users to stream content from their phone to their TV that works with Google Cast.\"\n\n### Google Cast badge\n\nYou can use the \"Google Cast\" badges on your website, app store listing,\nmarketing materials and promotional materials to display compatibility with\ndevices that use the Cast protocol.\n\n- Don't modify the color, proportions, spacing or any other aspect of the badge image.\n- When used alongside logos for other ingredient technologies (for example, Bluetooth, Spotify Connect, AirPlay, etc.), the Google Cast badge must be of equal or greater size.\n- Don't make the badge the primary element on your page.\n- Keep some distance between the badge and other logos and icons on your page.\n- When used on white, light, or medium-toned background, use a black badge.\n- When used on a black or dark-toned background, use the white badge.\n- Don't use the badge on a page that contains or displays adult content, promotes gambling, promotes violence, contains hate speech, involves the sale of tobacco or alcohol to persons under twenty-one years of age, violates other applicable laws or regulations or is otherwise objectionable.\n\n### Badge linking\n\nWhen used online, the Google Cast badge must link to one of the following:\n\n- Google's list of Google Cast-enabled apps and products at [g.co/castapps](http://g.co/castapps).\n- A list of products published by you.\n- A specific product detail page published by you.\n- A list of apps published by you.\n- A specific app detail page published by you, on Google Play, or in the Apple App Store.\n\n### Download Google Cast badge assets\n\nThe download bundle includes Portable Network Graphics (.png), Adobe\nIllustrator (.ai), and Enapsulated Postscript (.eps) formats.\n\n- [Partner Hub Downloads page](https://partnermarketinghub.withgoogle.com/brands/google-cast/downloads/)\n\n### Preview Google Cast badges\n\nRefer to the [Partner Hub Badges Guidelines page](https://partnermarketinghub.withgoogle.com/brands/google-cast/visual-identity/visual-identity/#badge-guidelines)\nfor all available badges and instructions on usage."]]
