Google Cast Platformu ile Kullanıcı Deneyimi
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Google Cast, Android, iOS ve Chrome web uygulamalarının video, ses ve ekran paylaşımı (yansıtma) gibi içerikleri Cast uyumlu cihazlara "yayınlamasına" olanak tanır. Örneğin:
- Google Chromecast
- Google Cast ile çalışan TV'ler
- Google Cast ile çalışan hoparlörler
- Akıllı Ekranlar (ince istemci olarak kullanılan taşınabilir dokunmatik LCD monitör)
- Android Tabletler
Google Cast etkileşim modelinde cep telefonu, tablet veya dizüstü bilgisayar, oynatmayı kontrol etmek için uzaktan kumanda görevi gören gönderici olur. TV, ekran veya yuvalanmış tablet ise göndericiden talimat alan ve içeriği alıcıya ait internet bağlantısından gösteren alıcı olur. Tüm kullanıcı işlemleri (dokundurmalar ve kaydırmalar) hem gönderen cihazda hem de web alıcısında gerçekleşebilir.
Yayınlama işlemi, iki veya daha fazla ekran (gönderenin kullanıcı arayüzü ve alıcı kullanıcı arayüzü) arasındaki koordinasyona dayanır. Bu ekranların birlikte çalışması gerekir. Örneğin, içeriği duraklatmak için mobil cihazdaki bir düğmeye basarsanız TV'de içeriğin duraklatıldığı gösterilir. Mobil cihazda ise oynatmayı devam ettirmek için bir oynat düğmesi gösterilir.
Dikkat edilmesi gereken noktalar
Donanım ve kaynak sınırlamaları nedeniyle, Google Cast özellikli uygulamalara belirli kısıtlamalar uygulanır:
- Cast cihazı, bellek, CPU ve GPU sınırlamaları olan düşük güçlü bir cihazdır. Bu nedenle Web Alıcısı uygulaması mümkün olduğunca hafif olmalıdır.
- Cast ve Google Cast etkileşim modelleri için hem web alıcısında hem de gönderen uygulamasında sekmeler, pencereler veya pop-up'lar oluşturulabilir. Ayrıca, dokunma veya kaydırma gibi kullanıcı girişleri doğrudan kabul edilebilir. Örneğin, yerleştirilmiş bir tabletteki veya ekrandaki Web Alıcı uygulaması bir duraklatma düğmesi gösterebilir ve kullanıcının dokunuşunu alabilir. Bu şekilde, uygulamadaki tüm işlemler bir web alıcısı veya gönderen uygulamasından tetiklenmelidir.
- Akıllı Ekranlar, bir gönderen uygulaması aracılığıyla veya kullanıcı arayüzüne dokunarak kullanıcı girişini destekler.
- Web Alıcısı, video oynatma için optimize edilmiş bir Chrome tarayıcısıdır. Bu nedenle, WebGL ve Chrome Native Client (NaCL) ile Chrome uzantıları şu anda desteklenmemektedir.
- Yayınlama,
<audio> ve <video> etiketlerinde tek bir eşzamanlı medya akışı oynatmayı veya WebAudio API'yi kullanarak birden fazla ses parçasını destekler. DOM'da herhangi bir zamanda yalnızca bir video öğesi etkin olabilir.
Ayrıca video oluşturma, değiştirme, dönüştürme, döndürme veya yakınlaştırma işlemleri desteklenmez.
Genel tasarım ilkeleri
Kullanıcı arayüzünüzü geliştirirken aşağıdakileri göz önünde bulundurun.
Web alıcı arayüzü:
- Web alıcısında, uygulamanın durumunu (ör. duraklatıldı veya oynatılıyor) veya hata mesajlarını tanımlayan hem etkileşimli öğeler hem de bilgi öğeleri bulunabilir. Kullanıcı etkileşimi, Yayın gönderen cihazda (telefon, tablet veya Chrome tarayıcı) veya Web Alıcı'da (TV, ekranlar ya da tabletler) gerçekleşebilir.
- Videonun TV ekranının ortasında oynatıldığını ve kullanıcı arayüzü öğelerinizin sunumu engellememesi gerektiğini unutmayın. Kullanıcı arayüzü öğelerini Web Alıcısı ekranının alt üçte birlik kısmına yerleştirin ve olası aşırı tarama için ekranın kenarlarında %10'luk bir boşluk bırakın.
- Mümkün olduğunda, bir ekran durumundan diğerine geçişler sorunsuz ve sinematik olmalıdır. Durumlar arasında ani geçişler yapmak yerine belirme ve kararma gibi geçişleri kullanın. Örneğin, içerik yükleme durumu ekranda kalır ve medya oynatma deneyimine kaybolur.
Gönderen arayüzü:
- Gönderen, kullanıcı işlemlerini destekler ve Web Alıcısı durum bilgilerini görüntüler.
Örneğin, içerik duraklatılmışsa TV'de duraklatıldığını, mobil cihazda ise oynatılmaya hazır olduğunu (örneğin, kullanıcıya bir oynat düğmesi göstererek) belirtmelidir.
- Hız önemlidir. Kullanıcıların yayınlama kontrolünü hızlıca bulabilmesi ve içeriğin büyük ekranda hemen oynatılmaya başlamasını görmesi gerekir. İçerik yüklenirken animasyonlu yükleme göstergeleri sağlayın ve işlemlerin daha hızlı gerçekleştiği hissini vermek için geçişler kullanın.
Yayınlama uygulamanızın bu ilkeleri karşıladığından emin olmanın en kolay yolu, kullanıcı arayüzünüzü Cast Tasarım Kontrol Listesi ile incelemek ve Cast uygulamalarınızı test etmektir.
Markalama kuralları
Aşağıdaki Google Cast marka yönergeleri, uygulama geliştiricilere yöneliktir ve uygulamanızı metin olarak açıklamak için uymanız gereken ek şartlara odaklanmaktadır.
Cast cihazlarıyla ilgili marka kuralları için İş Ortağı Pazarlama Merkezi'ne bakın.
"Google Cast özellikli" terimini kullanarak uygulamanızın Google Cast ile çalıştığını diğer kullanıcılara bildirebilirsiniz. Ancak uygulamanızın Cast SDK Ek Geliştirici Hizmet Şartları'na ve Tasarım Kontrol Listesi'ne uyduğundan ve "Google Cast özellikli" ifadesini kullanım şeklinizin markalaşma yönergelerimize uygun olduğundan emin olun.
Benzer şekilde, uygulamanız veya cihazınız rozet yönergelerimize uygun olduğu sürece Google Cast rozeti de kullanabilirsiniz. Google, marka kurallarına uymadığı takdirde rozeti değiştirmenizi veya kullanımınızı sonlandırmanızı talep etme hakkını saklı tutar.
Metinde "Google Cast"
- Bir uygulamayı (donanım ürünü değil) Cast uyumlu olarak tanımlarken "Google Cast uyumlu" ifadesini kullanın. Örneğin: "Bu uygulama Google Cast özellikli".
- Cast uyumlu üçüncü taraf donanım ürünlerini tanımlarken "Bu {TV}, Google Cast ile çalışır", "Bu {hoparlörler}, Google Cast ile çalışır" gibi ifadeler kullanın.
- Metin yazılırken "Google" ve "Cast" büyük harfle yazılmalıdır.
- Metinde veya rozette/logoda "Google Cast"i kullanan tüm pazarlama öğelerinde şu yasal atıfı eklemeniz gerekir: Google Cast, Google LLC'nin ticari markasıdır.
- Uygulamanın başlığına Google Cast'i eklemeyin (ör. XYZ Google Cast Uygulaması).
Google Cast uyumlu uygulama mesajları
Uygulamanızı aşağıdaki gibi tanıtabilirsiniz:
- "XYZ, en sevdiğiniz eğlence içeriklerini mobil cihazınızdan TV'nize aktarmanızı sağlayan Google Cast özellikli bir uygulamadır."
- "XYZ uygulaması artık Google Cast ile çalışan TV'lerde kullanılabilir."
- "XYZ uygulaması artık Google Chromecast, Google Cast Audio ve
Google Cast ile çalışan TV ve hoparlörler dahil
tüm Google Cast ürünlerinde kullanılabilir."
- "XYZ uygulaması, Google Cast özelliklidir. Bu sayede, Google Cast ile çalışan TV'nizde en sevdiğiniz tüm programları/filmleri/müzikleri/oyunları izleyebilirsiniz."
- "XYZ uygulaması artık telefonlarından Google Cast ile çalışan TV'lerine içerik akışı
sağlayan Google Cast desteğine sahip."
Google Cast rozeti
Cast protokolünü kullanan cihazlarla uyumluluğu göstermek için web sitenizde, uygulama mağazası girişinizde, pazarlama ve tanıtım materyallerinizde "Google Cast" rozetlerini kullanabilirsiniz.
- Rozet resminin rengini, oranlarını, boşlukları veya diğer özelliklerini değiştirmeyin.
- Google Cast rozeti, diğer bileşen teknolojilerine (ör. Bluetooth, Spotify Connect, AirPlay vb.) ait logolarla birlikte kullanıldığında eşit veya daha büyük boyutta olmalıdır.
- Rozeti sayfanızdaki birincil öğe haline getirmeyin.
- Rozet ile sayfanızdaki diğer logolar ve simgeler arasında biraz mesafe bırakın.
- Beyaz, açık veya orta tonlu arka planlarda siyah rozet kullanın.
- Siyah veya koyu tonlu bir arka planda kullanıldığında beyaz rozeti kullanın.
- Rozeti, yetişkinlere uygun içerik barındıran veya görüntüleyen, kumarı teşvik eden, şiddeti teşvik eden, nefret söylemi barındıran, yirmi bir yaşın altındaki kişilere tütün veya alkollü içki satışı yapan, diğer geçerli yasaları ya da yönetmelikleri ihlal eden ya da başka bir şekilde sakıncalı olan bir sayfada kullanmayın.
Rozet bağlama
Google Cast rozeti internette kullanıldığında aşağıdakilerden birine bağlantı vermelidir:
- Google'ın Google Cast uyumlu uygulama ve ürün listesini g.co/castapps adresinde bulabilirsiniz.
- Yayınladığınız ürünlerin listesi.
- Sizin tarafınızdan yayınlanan belirli bir ürün ayrıntıları sayfası.
- Sizin tarafınızdan yayınlanan uygulamaların listesi.
- Google Play veya Apple App Store'da yayınladığınız belirli bir uygulama ayrıntıları sayfası.
Google Cast rozet öğelerini indirme
İndirme paketinde Taşınabilir Ağ Grafiği (.png), Adobe Illustrator (.ai) ve Kapsüllenmiş Postscript (.eps) biçimleri bulunur.
Google Cast rozetlerini önizleme
Mevcut tüm rozetler ve kullanım talimatları için Partner Hub Rozetleri Yönergeleri sayfasına bakın.
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-25 UTC.
[null,null,["Son güncelleme tarihi: 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."]]
