Стилизованный медиа-ресивер

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