Stilli Medya Alıcısı (SMR), gönderen uygulamanızın kendi özel alıcı uygulamanızı oluşturmadan medyayı bir Cast cihazında oynatmasına olanak tanır. Kayıt sırasında kendi CSS dosyanızı sağlayarak SMR renk şemasını ve markasını özelleştirebilirsiniz.
Kayıt
Uygulamanız için SMR'yi kullanmak istiyorsanız Google Cast SDK Developer Console'da yeni bir uygulama eklerken Styled Media Receiver (Stilli Medya Alıcısı) seçeneğini belirleyin. Daha fazla bilgi için Kayıt bölümünü inceleyin. Bu seçenek, varsayılan stil sayfasını Önizle bağlantısının yanı sıra stil sayfanızın URL'sini girdiğiniz bir alanı da içerir. Varsayılan stilleri kullanabilir veya CSS dosyanıza HTTPS URL'si sağlayabilirsiniz. CSS dosyasını barındırmak için kendi sunucunuzu kullanabilirsiniz. CSS dosyanızın URL'sini sağladıktan sonra stillerinizin alıcıda nasıl görüneceğini görmek için Önizle'yi tıklayabilirsiniz.
Desteklenen medya
Tüm alıcılar, Desteklenen Medya bölümünde açıklandığı gibi medya türlerini destekler.
SMR video, ses ve resimleri destekler ve Cast SDK medya kanalı kullanan bir gönderen uygulama tarafından kontrol edilir. SMR, bir yayın cihazında medya oynatmayla ilgili Kullanıcı Deneyimi Yönergeleri'ne tamamen uygundur.
Yazı tipleri
Alıcıyla önceden yüklenmiş yazı tiplerinin bir listesi için Önceden yüklenmiş yazı tipleri konusuna bakın.
CSS
Stilli Medya Alıcısı aşağıdaki CSS sınıflarını kullanır:
- .background: Alıcının arka planı.
- .logo: Alıcı başlatılırken gösterilen logo. Bu sınıf, alıcı boşta olduğunda ve herhangi bir .splash sınıfı bildirilmediğinde de kullanılır.
- .progressBar: Medya oynatma için ilerleme çubuğu.
- .splash: Alıcı boştayken gösterilen ekran. Bu sınıf bildirilmemişse alıcı, varsayılan olarak .logoyu veya uygulama adını kullanır.
- .Filigran: Medya oynatılırken gösterilen bir filigran.
Bu sınıfları kullanan bir CSS dosyası örneği aşağıda verilmiştir:
.background {
background: center no-repeat url(background.png);
}
.logo {
background-image: url(logo.png);
}
.progressBar {
background-color: rgb(238, 255, 65);
}
.splash {
background-image: url(splash.png);
}
.watermark {
background-image: url(watermark.png);
background-size: 57px 57px;
}
Aşağıda, bu sınıfların kullanım durumunu gösteren bazı örnekler verilmiştir.
Video
Not: Video resim resmi 96x143 pikseldir ve medya meta verileriyle ilişkilendirilmiş ilk resim kaynağı görüntüleme için seçilir. Resimler beklenen boyutlara uyacak şekilde ölçeklendirilir.
Ses
Not: Sesli albüm kapağı 384x384 pikseldir ve medya meta verileriyle ilişkilendirilmiş ilk resim kaynağı görüntü için seçilir. Resimler beklenen boyutlara uyacak şekilde ölçeklendirilir.
Big Buck Bunny'den resimler: (c) telif hakkı 2008, Blender Foundation / www.bigbuckbunny.org
Sintel'den resim: (c) telif hakkı Blender Foundation / www.sintel.org