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