Odbiornik SMR pozwala aplikacji nadawcy odtwarzać multimedia na urządzeniu przesyłającym bez tworzenia własnej aplikacji. Możesz dostosować schemat kolorów i elementy marki SMR podczas rejestracji, dostarczając własny plik CSS.
Rejestracja
Aby użyć SMR w aplikacji, wybierz opcję Styled Media Foundr podczas dodawania nowej aplikacji w konsoli programisty Google Cast SDK. Więcej informacji znajdziesz w artykule Rejestracja. Zawiera ona link do Podgląd domyślnego arkusza stylów oraz pole, w którym można wpisać adres URL arkusza stylów. Możesz użyć stylów domyślnych lub podać w pliku CSS adres URL HTTPS. Do hostowania pliku CSS możesz użyć własnego serwera. Po podaniu adresu URL pliku CSS możesz kliknąć Podgląd, aby zobaczyć, jak style będą wyglądać w odbiorniku.
Obsługiwane formaty multimediów
Wszystkie odbiorniki obsługują te typy multimediów. Więcej informacji znajdziesz w artykule na temat obsługiwanych multimediów.
SMR obsługuje wideo, dźwięk i obrazy i jest sterowana przez aplikację nadawcy za pomocą kanału multimedialnego Cast SDK. SMR jest w pełni zgodny ze wytycznymi UX dotyczącymi odtwarzania multimediów na urządzeniu przesyłającym.
Czcionka
Listę czcionek zainstalowanych na odbiorniku znajdziesz w sekcji Wstępnie zainstalowane czcionki.
CSS
Odbiornik multimediów Styled Media korzysta z tych klas CSS:
- .background: tło odbiorcy.
- .logo: logo wyświetlane podczas uruchamiania odbiornika. Ta klasa jest też używana, gdy odbiornik jest w stanie bezczynności i nie zadeklarowano klasy .splash.
- .progressBar: pasek postępu odtwarzania multimediów.
- .splash: ekran wyświetlany, gdy odbiornik jest nieaktywny. Jeśli ta klasa nie jest zadeklarowana, odbiornik domyślnie będzie to .logo lub nazwa aplikacji.
- Znak wodny: znak wodny wyświetlany podczas odtwarzania multimediów.
Oto przykładowy plik CSS z tymi klasami:
.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;
}
Poniżej znajdziesz ilustracje przedstawiające wykorzystanie tych zajęć.
Wideo
Uwaga: grafika w filmie ma wymiary 96 x 143 piksele i do wyświetlenia wybierany jest pierwszy zasób graficzny powiązany z metadanymi multimediów. Obrazy są skalowane tak, żeby pasowały do oczekiwanych wymiarów.
Audio
Uwaga: okładka albumu audio ma rozmiar 384 x 384 piksele. Pierwszy zasób obrazu powiązany z metadanymi multimediów jest wybrany do wyświetlenia. Obrazy są skalowane tak, żeby pasowały do oczekiwanych wymiarów.
Obrazy z Big Buck Bunny: (c) prawa autorskie 2008, Blender Foundation / www.bigbuckbunny.org
Zdjęcie: Sintel: (c) Copyright Blender Foundation / www.sintel.org