样式化媒体接收器

借助自定样式的媒体接收器 (SMR),您的发送器应用可在 Cast 设备上播放媒体,而无需创建自己的自定义接收器应用。您可以通过在注册期间提供自己的 CSS 文件来自定义 SMR 配色方案和品牌信息。

注册

如需为您的应用使用 SMR,请在 Google Cast SDK 管理中心添加新应用时选择 Styled Media Receiver(样式化媒体接收器)选项。如需了解详情,请参阅注册。此选项包括一个用于预览默认样式表的链接,以及一个用于输入样式表网址的字段。您可以使用默认样式,也可以提供 CSS 文件的 HTTPS 网址。您可以使用自己的服务器来托管 CSS 文件。提供 CSS 文件的网址后,您可以点击预览,查看您的样式在接收器上的显示效果。

支持的媒体

所有接收器都支持媒体类型,如支持的媒体中所述。

SMR 支持视频、音频和图片,并由使用 Cast SDK 媒体通道的发送器应用进行控制。SMR 完全符合在 Cast 设备上播放媒体的用户体验指南

输入字体

如需查看接收器预安装的字体列表,请参阅预安装字体

CSS

样式化媒体接收器使用以下 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