样式化媒体接收器

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

注册

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

注意：如果您注册样式化媒体接收器，但只使用默认样式，接收器会在接收器加载或处于空闲状态时显示您的应用名称。

支持的媒体

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

SMR 支持视频、音频和图片，并且使用 Cast SDK 媒体通道从发送者应用控制。SMR 完全符合针对投射设备上的媒体播放的用户体验指南。

输入字体

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

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