Alıcı içeriği oynatır ve durumunu kullanıcıya yansıtır. Alıcının, gönderen uygulamasındaki işlemlere hemen yanıt vermesi gerekir . Örneğin, alıcıda bir içerik duraklatıldığında bir duraklatma simgesi görüntülenir ve kullanıcı, gönderen uygulamasında oynat düğmesine bastığında, alıcı içeriği oynatmaya başlar ve duraklatma simgesini kaldırır.
Alıcı kullanıcı arayüzü geri bildirimi örnekleri:
- Oynatılıyor
- Duraklatıldı
- Oynatma konumu / sarma
- Arabelleğe alınıyor
Alıcı kullanıcı arayüzü
Zorunlu
A Çoğu kullanıcı arayüzü öğesini ekranın alt 1/4'üne yerleştirin ve
diğer kullanıcı deneyiminizle tutarlı olmasını sağlayın.
B Öğeleri etkileşimli kontroller olarak sunmayın. Örneğin, alıcının kullanıcı arayüzünde gönderen kullanıcı arayüzünü yeniden oluşturmayın.
En iyi uygulamalar
- Görsel efekti yumuşatmak için geçiş (karartma), şeffaflık ve nüans özellikleri kullanın.
- Kullanıcıların içeriğin olabildiğince büyük bir kısmını görmek istediklerini göz önünde bulundurun. Kullanıcılar genellikle içeriği incelemek için duraklatır. Bu nedenle, mümkün olduğunda gereksiz kullanıcı arayüzü kaybolur.
Android
Gönderen kullanıcı arayüzü
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı kullanıcı arayüzü
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=tr)
iOS
Gönderen kullanıcı arayüzü
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı kullanıcı arayüzü
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=tr)
Chrome
Gönderen kullanıcı arayüzü
![Gönderen kullanıcı arayüzü](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı kullanıcı arayüzü
![](https://developers.google.cn/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=tr)
Alıcı uygulaması boşta
Alıcı, gönderene bağlı olup yayın yapmadığında boşta kalma ekranı alıcıda gösterilir.
Gerekli
A Hangi alıcı uygulamanın yüklendiğini tanımlayın
En iyi uygulamalar
- Gönderen uygulamasından içerik veya özellik tanıtımı yapmak için boşta kalma ekranını kullanın.
- Daha fazla göstermek ve ekranın yanmasını önlemek için içeriği 30-60 saniyede bir değiştirin.
- Alıcı uygulamanın bağlantısını kesin ve 5 dakika boyunca boşta kalırsa uygulamayı durdurun. Durdurulduğunda alıcı ana ekranı görünür ve ekranın yanmasını önlemeye yardımcı olur.
Android
Yayınlama iletişim kutusu, bağlı ancak yayınlanamıyor
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1.png?authuser=0&hl=tr)
Alıcı uygulaması yüklendi / boşta
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1_a.png?authuser=0&hl=tr)
iOS
Yayınlama iletişim kutusu, bağlı ancak yayınlanamıyor
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1.png?authuser=0&hl=tr)
Alıcı uygulaması yüklendi / boşta
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1_a.png?authuser=0&hl=tr)
Alıcı uygulaması yükleniyor
Bir kullanıcı bir alıcıya bağlandığında, uygulamanın boşta kalma durumunu görüntülemesi veya içeriği oynatmaya başlayabilmesi için alıcı uygulamanın ilk olarak yüklenmesi gerekir.
Gerekli
A Uygulama logosunu görüntüleyerek hangi alıcı uygulamanın yüklendiğini tanımlayın
B Animasyonlu yükleme döner simgesini görüntüleyerek alıcı uygulamanın yüklendiğini tanımlayın
Android
Gönderen bağlanıyor
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=tr)
iOS
Gönderen bağlanıyor
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=tr)
Chrome
Gönderen bağlanıyor
![Gönderen bağlanıyor](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=tr)
Alıcı içeriği yükleniyor
Alıcı uygulama yüklendikten sonra içerik, alıcıya yayınlanmaya başlayabilir.
Zorunlu
A İçerik başlığını veya posterini görüntüleyerek hangi içeriğin yüklendiğini tanımlayın
B Animasyonlu bir yükleme döner simgesi göstererek içeriğin
yüklendiğini tanımlayın
En iyi uygulamalar
Duraklatılmış içeriği devam ettirirken görüntüleyenin gönderenden alıcıya geçiş sırasında hiçbir şeyi kaçırmaması için oynatmayı 5-10 saniye geri sar.
Android
Gönderen içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/a/sender-control-elements1.gif?authuser=0&hl=tr)
Alıcı içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=tr)
iOS
Gönderen içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/i/sender-control-elements1.gif?authuser=0&hl=tr)
Alıcı içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=tr)
Chrome
Gönderen içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/w/sender-control-elements1.gif?authuser=0&hl=tr)
Alıcı içeriği yükleniyor
![](https://developers.google.cn/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=tr)
Alıcıdan oynatma
Gerekli
A İçerik başladığında ne çaldığını tanımlayın
B Konum ayarlandığında oynatma konumunu tanımlayın
C Oynatma konumu değiştirildiğinde alıcının içerik aradığını
belirleyin
Android
Oynatma konumunu ayarlayan gönderici
![](https://developers.google.cn/static/cast/images/a/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcıdaki içeriği sarma
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=tr)
iOS
Oynatma konumunu ayarlayan gönderici
![](https://developers.google.cn/static/cast/images/i/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcıdaki içeriği sarma
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=tr)
Chrome
Oynatma konumunu ayarlayan gönderici
![](https://developers.google.cn/static/cast/images/w/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcıdaki içeriği sarma
![](https://developers.google.cn/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=tr)
Alıcı duraklatıldı
Gerekli
A Duraklatılmış bir simge ve oynatma konumu görüntüleyerek içeriğin duraklatıldığını
belirtin
B İçerik başlığını veya posterini görüntüleyerek hangi içeriğin duraklatıldığını tanımlayın
C Uygulama logosunu görüntüleyerek hangi alıcının
yüklendiğini tanımlayın
En iyi uygulamalar
- Kullanıcılar genellikle içeriği incelemek için duraklatırlar. Bu nedenle, kullanıcı arayüzü birkaç saniyeliğine duraklatıldığında duraklatma simgesiyle birlikte kaybolur.
- Alıcı uygulama, kullanıcıdan oynatmayı devam ettirme veya sıradaki bir öğeyi atlama gibi açık bir istek olmadığı sürece içerik oynatmaya devam etmemelidir.
- Alıcı uygulamanın bağlantısını kesin ve 20 dakika boyunca boşta kalırsa uygulamayı durdurun. Durdurulduğunda alıcı ana ekranı görünür ve ekranın yanmasını önlemeye yardımcı olur. Kullanıcının daha sonra o noktadan oynatmaya devam edebilmesi için duraklatılmış konumu kaydedin.
Android
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı içeriği duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=tr)
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı, 5 saniye sonra duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=tr)
iOS
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı içeriği duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=tr)
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=tr)
Alıcı, 5 saniye sonra duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=tr)
Chrome
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.jpg?authuser=0&hl=tr)
Alıcı içeriği duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=tr)
Gönderen duraklatıldı
![](https://developers.google.cn/static/cast/images/w/sender-persistent-control2.jpg?authuser=0&hl=tr)
Alıcı, 5 saniye sonra duraklatıldı
![](https://developers.google.cn/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=tr)
Alıcı arabelleğe alma
Alıcıda arabelleğe alma, ağ gecikmesi veya diğer faktörler oynatmada gecikmeye neden olduğunda meydana gelir.
Gerekli
A Arabelleğe alan bir döner simge görüntüleyerek birkaç saniye sonra alıcının
arabelleğe aldığını belirtin. Arabelleğe alma işlemini belirtmek için birkaç saniye beklemek, arabelleğe alma değiştiricinin kötü ağ koşullarında çok sık gösterilmesini engeller.
En iyi uygulamalar
Arabelleğe alma 5 saniye sonra devam ederse hangi içeriğin arabelleğe aldığını tanımlayın.
Android
Gönderen, alıcının arabelleğe aldığını belirtiyor
![](https://developers.google.cn/static/cast/images/a/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcı içeriğini arabelleğe alıyor
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=tr)
iOS
Gönderen, alıcının arabelleğe aldığını belirtiyor
![](https://developers.google.cn/static/cast/images/i/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcı içeriğini arabelleğe alıyor
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=tr)
Chrome
Gönderen, alıcının arabelleğe aldığını belirtiyor
![](https://developers.google.cn/static/cast/images/w/sender-control-elements3.gif?authuser=0&hl=tr)
Alıcı içeriğini arabelleğe alıyor
![](https://developers.google.cn/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=tr)
Alıcı, yayınlamayı durdurur
Oynatma durduğunda veya zaman aşımına uğradığında, alıcının kullanıcı arayüzü, gönderen uygulamasında bulunan diğer içerikleri veya özellikleri tanıtmalıdır.
Zorunlu
A Uygulama logosu görüntüleyerek hangi alıcı uygulamanın yüklendiğini veya boşta olduğunu tanımlayın
En iyi uygulamalar
- Az önce yayınlanan içeriğe göre, gönderen uygulamasından içerik veya özellikler önermek için oynatma sonrasında boşta kalma ekranını kullanın
- Ekran yanmasını önlemek için boşta kalma ekran içeriğini 30-60 saniyede bir değiştirin
- Alıcı uygulamanın bağlantısını kesin ve 5 dakika boyunca boşta kalırsa uygulamayı durdurun. Durdurulduğunda alıcı ana ekranı görünür ve ekranın yanmasını önlemeye yardımcı olur.
Android
Gönderen uygulamasının boşta olması
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması boşta
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=tr)
Gönderenin bağlantısı kesildi
![](https://developers.google.cn/static/cast/images/a/sender-cast-icon-states2.png?authuser=0&hl=tr)
Ana ekranı yayınla
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=0&hl=tr)
iOS
Gönderen uygulamasının boşta olması
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması boşta
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=tr)
Gönderenin bağlantısı kesildi
![](https://developers.google.cn/static/cast/images/i/sender-cast-icon-states2.png?authuser=0&hl=tr)
Ana ekranı yayınla
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=0&hl=tr)
Chrome
Gönderen uygulamasının boşta olması
![Gönderen uygulamasının boşta olması](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states4.png?authuser=0&hl=tr)
Alıcı uygulaması boşta
![](https://developers.google.cn/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=tr)
Gönderenin bağlantısı kesildi
![Gönderenin bağlantısı kesildi](https://developers.google.cn/static/cast/images/w/sender-cast-icon-states2.png?authuser=0&hl=tr)
Ana ekranı yayınla
![](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=0&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