Yayın düğmesi, Web Alıcıları'na bağlanmak, onları kontrol etmek ve bunların bağlantısını kesmek için bir iletişim kutusu açar.
Yayınla düğmesi şablonlarını indirmek için Yayın simgeleri konusuna bakın.
Yayın düğmesinin Google Cast'e özel olmadığını unutmayın. Bu düğme, hem Web Alıcılarını hem de Web Alıcısı olmayanları (Bluetooth kulaklıklar gibi) temsil etmek için kullanılabilir. Web Alıcıları, her zaman Yayın iletişim kutusunun altında görünmeli ve hiçbir zaman başka bir iletişim kutusu, menü veya kontrol altında görünmemelidir.
Google Cast'i kullanıcılara tanıtma
Yayın düğmesinin kullanıma sunulması, mevcut kullanıcıların gönderen uygulamasının artık Yayınlama özelliğini desteklediğini bilmesini sağlamanın yanı sıra Google Cast'i kullanmaya yeni başlayan kullanıcılara da yardımcı olur.
Zorunlu
A Web Alıcıları ilk kez kullanılabilir olduğunda Yayın tanıtım ekranını gösterin. iOS gönderenleri için, Yayın düğmesi ilk kez göründüğünde bir Yayınlama tanıtım ekranı gösterin.
B Düğmeyi daire içine alarak Yayınla düğmesini görsel olarak vurgulayın)
C Yayın düğmesinin nasıl çalıştığını açıklayın (örneğin, "Videoları TV'nize yayınlamak için dokunun" gibi bir mesaj görüntüleyin)
Android
Cast tanıtımı
![Cast tanıtımı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/prompting1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
iOS
Cast tanıtımı
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/prompting1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Chrome
Cast tanıtımı
![Cast tanıtımı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/prompting1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![Yayınlama ana ekranı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Yayınla düğmesinin kullanılabilirliği
Zorunlu
A Yayınla düğmesi, oynatılabilir içeriğin bulunduğu her ekranda görünür olmalı ve içeriğe göz atarken veya içerik
oynatırken sabit bir konumda bulunmalıdır. Ayrıca genel denetim için Chrome'un başlığında da görünür.
B Chrome'da, Web Alıcıları kullanılamadığında Yayınla düğmesi gizlenebilir. Android ve iOS gönderenleri için cihaz kablosuz ağa bağlıyken Yayınla düğmesi her zaman gösterilmelidir. Bu nedenle, kullanıcı yerel ağ erişimini devre dışı bırakırsa ve bunun sonucunda cihazlar keşfedilemez hale gelirse uygun yardım sağlanabilir (daha fazla bilgi için iOS İzinleri ve Keşif bölümüne bakın).
C Mobil uygulamalarda, Yayınla düğmesi sağ tarafta olmalıdır.
D Chrome'da, yayın düğmesi içerik medya denetimlerinin sağ tarafında olmalıdır (örneğin, yerleştirilmiş videoya bakın). Medya denetimlerinde tam ekran düğmesi varsa Yayınla düğmesini bu düğmenin sol tarafına yerleştirin.
Not
Google Cast, kullanıcıların yayın sırasında gönderen uygulamasına ve diğer uygulamalara göz atmasına olanak tanıyan çoklu görev modeli kullanır. Yayın düğmesi, oynatılabilir içeriğin bulunduğu her ekranda görünür olmalıdır. Böylece, kullanıcının TV'de oynatılan içeriği nerede duraklatacağını veya durduracağını bulmak için durmak zorunda kalmaz.
Android
Gönderenin bağlantısı kesildi
![Gönderenin bağlantısı kesildi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
iOS
Gönderenin bağlantısı kesildi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-available1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Chrome
Gönderenin bağlantısı kesildi
![Gönderenin bağlantısı kesildi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-available1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Yayınla düğmesinin durumları
Gerekli
A Bağlı Değil: Web Alıcıları kullanılabilir olduğunda, Yayın düğmesi görünür
B Bağlanıyor: Web Alıcısı bağlanırken, Yayın düğmesi simgedeki dalgaları kademeli olarak canlandırır (ayrıntılar için aşağıdaki nota bakın)
C Bağlı: Bu uygulama bir Cast Web Alıcısı'na bağlandığında, düğmenin içi dolu düğmesi görünür.
En iyi uygulamalar
Düğme durumlarının her biri için, uygulamanızın diğer kullanıcı arayüzü öğelerinin stiline uygun renkler kullanın. AÇIK / Bağlı durumu için farklı bir vurgu rengi (sarı gibi) kullanmak isteğe bağlıdır.
Notes
- Yayın cihazlarının kullanılabilirliğinden bağımsız olarak Cast uzantısına erişim sağlamak için Chrome, Android ve iOS'ta Cast simgesi görüntülenir.
- Cast API'ye yapılan bağlantı beklenenden daha uzun sürdüğünde Bağlanıyor (animasyonlu) durumu görünür (Android ve Chrome SDK'larında otomatik olarak Cast simgesi animasyonu gösterilir). Bağlandıktan sonra Web Alıcısı uygulaması açılır.
- Yayınla simgesinin AÇIK / Bağlı durumu güncellendi ve artık simge çerçevesinde sabit bir dolgu kullanıyor. Yeni Cast simgesi ve simge şablonları burada mevcuttur.
Android
Gönderen, Cast bağlantısı kesildi
![Gönderen, Cast bağlantısı kesildi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-1-122023.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![Ana ekranı yayınla](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlanıyor
![Gönderen, Cast bağlanıyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-2-122023.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![Ana ekranı yayınla](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![Gönderen, Cast bağlandı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yükleniyor
![Web Alıcısı uygulaması yükleniyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![Gönderen, Cast bağlandı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states-3-122023.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yüklendi / boşta
![Web Alıcısı uygulaması yüklendi / boşta](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=tr)
iOS
Gönderen, Yayın kullanılamıyor
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states1_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlantısı kesildi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlanıyor
![Gönderen, Cast bağlanıyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states3_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yükleniyor
![Web Alıcısı uygulaması yükleniyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4_a.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yüklendi / boşta
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=tr)
Chrome
Gönderen, Yayın kullanılamıyor
![Gönderen, Yayın kullanılamıyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states1_a.png?authuser=0000&hl=tr)
Bağlantı durumundan bağımsız olarak Cast uzantısına erişim sağlamak için Chrome'da Cast simgesi görüntülenir.
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlantısı kesildi
![Gönderen, Cast bağlantısı kesildi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlanıyor
![Gönderen, Cast bağlanıyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states3_a.png?authuser=0000&hl=tr)
Ana ekranı yayınla
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![Gönderen, Cast bağlandı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yükleniyor
![Web Alıcısı uygulaması yükleniyor](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=0000&hl=tr)
Gönderen, Cast bağlandı
![Gönderen, Cast bağlandı](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4_a.png?authuser=0000&hl=tr)
Web Alıcısı uygulaması yüklendi / boşta
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=tr)
Bu tasarım kılavuzunda kullanılan resimler Blender Foundation'ın izniyle sağlanmıştır ve telif hakkı veya Creative Commons lisansı kapsamında paylaşılmıştır.
- Filin Hayali: (c) telif hakkı 2006, Blender Foundation / Hollanda Medya Sanat Enstitüsü / www.elephantsdream.org
- Sintel: (c) telif hakkı Blender Foundation | www.sintel.org
- Çelik Gözyaşları: (CC) Blender Vakfı | mango.blender.org
- Big Buck Bunny: (c) telif hakkı 2008, Blender Foundation / www.bigbuckbunny.org