Styled Media Receiver (SMR) позволяет вашему приложению-отправителю воспроизводить медиафайлы на устройстве Cast без создания собственного пользовательского приложения-приемника. Вы можете настроить цветовую схему и фирменный стиль SMR, предоставив свой собственный файл CSS во время регистрации.
Регистрация
Чтобы использовать SMR для своего приложения, выберите параметр Styled Media Receiver при добавлении нового приложения в консоль разработчика Google Cast SDK . См. Регистрация для получения дополнительной информации. Этот параметр включает ссылку для предварительного просмотра таблицы стилей по умолчанию, а также поле, в котором вы вводите URL-адрес своей таблицы стилей. Вы можете либо использовать стили по умолчанию, либо указать URL-адрес HTTPS для своего файла CSS. Вы можете использовать свой собственный сервер для размещения файла CSS. Указав URL-адрес своего файла CSS, вы можете нажать « Предварительный просмотр », чтобы увидеть, как ваши стили будут выглядеть на приемнике.
Поддерживаемые носители
Все приемники поддерживают типы носителей, как описано в Поддерживаемые носители .
SMR поддерживает видео, аудио и изображения и управляется из приложения-отправителя с помощью медиаканала Cast SDK. SMR полностью соответствует рекомендациям по пользовательскому интерфейсу для воспроизведения мультимедиа на устройстве Cast.
Введите шрифты
См. Предварительно установленные шрифты для получения списка шрифтов, предустановленных вместе с приемником.
CSS
Styled Media Receiver использует следующие классы CSS:
- .background : Фон получателя.
- .logo : логотип, отображаемый при запуске приемника. Этот класс также используется, когда приемник находится в состоянии ожидания и класс .splash не объявлен.
- .progressBar : индикатор выполнения для воспроизведения мультимедиа.
- .splash : Экран, отображаемый, когда приемник находится в состоянии ожидания. Если этот класс не объявлен, получатель по умолчанию использует .logo или имя приложения.
- .watermark : водяной знак, отображаемый при воспроизведении мультимедиа.
Вот пример файла CSS, в котором используются эти классы:
.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; }
Ниже приведены некоторые иллюстрации использования этих классов.
видео
Примечание . Размер видеоизображения составляет 96x143 пикселя, и для отображения выбирается первый ресурс изображения, связанный с метаданными мультимедиа. Изображения масштабируются в соответствии с ожидаемыми размерами.
Аудио
Примечание . Размер обложки аудиоальбома составляет 384x384 пикселя, и для отображения выбирается первый ресурс изображения, связанный с метаданными мультимедиа. Изображения масштабируются в соответствии с ожидаемыми размерами.
Изображения из Big Buck Bunny: (c) авторское право 2008 г., Blender Foundation / www.bigbuckbunny.org
Изображение от Sintel: (c) авторское право Blender Foundation / www.sintel.org