借助自定样式的媒体接收器 (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