Stilli Medya Alıcısı

Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

Stilli Medya Alıcısı (SMR), gönderen uygulamanızın kendi özel alıcı uygulamanızı oluşturmadan bir Yayın cihazında medya oynatmasına olanak tanır. Kayıt sırasında kendi CSS dosyanızı sağlayarak SMR renk şemasını ve markalamayı özelleştirebilirsiniz.

Kayıt

Uygulamanız için SMR'yi kullanmak istiyorsanız Google Cast SDK Developer Console'a yeni bir uygulama eklerken Stilli Medya Alıcısı seçeneğini belirleyin. Daha fazla bilgi için Kayıt başlıklı makaleyi inceleyin. Bu seçenek, varsayılan stil sayfasının Önizleme bağlantısını ve stil sayfanızın URL'sini girdiğiniz bir alanı içerir. Varsayılan stilleri kullanabilir veya CSS dosyanıza HTTPS URL'sini 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 Önizleme'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ı kullanılarak bir gönderen uygulamasından kontrol edilir. SMR, bir yayın cihazında medya oynatma ile ilgili Kullanıcı Deneyimi Yönergeleri'ne tamamen uygundur.

Yazı tipleri

Alıcıyla önceden yüklenen yazı tiplerinin listesi için Önceden yüklenmiş yazı tipleri başlıklı makaleyi inceleyin.

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ştayken ve .launch sınıfı bildirilmezse de kullanılır.
  • .progressBar: Medya oynatma için ilerleme çubuğu.
  • .launch: Alıcı boştayken gösterilen ekran. Bu sınıf beyan edilmezse alıcı varsayılan olarak .logo veya uygulama adını kullanır.
  • .fil işareti: Medya oynatılırken gösterilen bir filigran.

Bu sınıfları kullanan örnek bir CSS dosyası 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, kullanımda olan bu sınıflara dair bazı resimler verilmiştir.

Video

Not: Video resmi 96x143 piksel boyutundadır ve medya meta verileriyle ilişkili ilk resim kaynağı görüntülü reklam için seçilmiştir. Resimler beklenen boyutlara sığacak şekilde ölçeklendirilir.

Ses

Not: Müzik albümü resmi 384x384 pikseldir ve medya meta verileri ile ilişkili olan ilk resim kaynağı görüntüleme için seçilir. Resimler beklenen boyutlara sığacak şekilde ölçeklendirilir.

       

Big Buck Bunny'den resimler: (c) telif hakkı 2008, Blender Foundation / www.bigbuckbunny.org

Sintel resmi: (c) telif hakkı Blender Foundation / www.sintel.org