接收器在可能具有或不具有触控功能的设备上播放内容。接收器必须立即响应发送器应用中的操作以及通过触控进行的控制。
接收器界面反馈示例:
- 正在播放
- 已暂停
- 播放位置 / 搜索
- 正在缓冲
接收方界面
必需
A 对于视频和音频接收器,请构建自适应的接收器应用,以便其能够适应任何屏幕分辨率和宽高比。
视频
视频接收器界面

音频
音频接收器界面

B 对于视频和音频接收器,请勿显示暗示触摸手势的元素。例如,请勿显示窥视元素来指示滑动操作。
C 对于视频和音频接收器,请勿显示任何暗示触摸互动的元素。
D 对于音频接收器,不显示任何控制类型元素,例如进度条。
错误做法:显示窥视元素、可能看起来像按钮的图标或控制类型元素。
E 对于视频接收器,在播放期间(包括暂停状态)不得在接收器上显示任何元数据或控制元素,以免与系统显示的控制元素发生冲突。
请勿:显示元数据和控件
F 对于音频接收器,请将所有元数据元素放置在保护区域上方,以免与系统显示的控件重叠。
最佳做法
- 所有文字都应在距离显示屏 5 到 10 英尺的位置清晰可辨。
接收器应用处于空闲状态
当接收器位于前台但未播放任何内容时,接收器上会显示空闲界面。
必需
A 使用应用徽标来确定加载了哪个接收器应用。
B 将所有元素(包括所有应用徽标)放置在保护区域上方,以免与系统显示的任何控件重叠。
最佳做法
- 通过显示“准备投放”文本来表明应用已加载。
- 如果接收器空闲 5 分钟,则停止运行接收器并断开所有已连接的发送器应用。停止后,设备会显示主屏幕,有助于防止烧屏。
接收器应用加载
当用户连接到接收器时,接收器应用必须先加载,然后才能显示应用空闲状态或开始播放内容。
必需
通过显示应用徽标来确定正在加载的接收器应用。
B 通过显示动画加载旋转图标来标识接收器应用正在加载。
接收方内容加载
在内容加载期间和播放开始之前,接收器应显示信息以指示内容正在加载。
必需
A 通过显示内容标题或封面来标识正在加载的内容。
B 通过显示动画加载微调器来标识内容正在加载。
最佳实践
恢复播放内容时,将播放倒回 5-10 秒,以便观看者在从发送方过渡到接收方的过程中不会错过任何内容。
接收方播放
必需
A 对于视频接收器,在播放期间不显示任何元素。在屏幕上点按时,系统会显示播放器控件。
B 对于音频接收器,请将所有元数据元素放置在保护区域上方,并且不显示任何控制元素。在屏幕上点按时,系统会显示播放器控件。
视频
用户点按屏幕以显示播放器控件。

音频
用户点按屏幕以显示播放器控件。

接收方已暂停
必需
A 对于视频接收器,在暂停状态下不显示任何元素。系统将显示带有“播放”按钮的播放器控件,以指示播放已暂停。
B 对于音频接收器,在暂停状态下不显示任何控制元素。系统将显示带有播放按钮的播放器控件,以指示播放已暂停。
最佳做法
- 除非用户明确要求开始播放内容(例如恢复播放或跳过队列中的某个项),否则接收器应用不应继续播放内容。
- 如果接收器空闲 20 分钟,则停止运行接收器并断开所有已连接的发送器应用。停止后,设备会显示主屏幕,有助于防止烧屏。
- 确保与未来实施的后台会话保持一致。
- 如果适用,当接收器因空闲时间而停止时,请存储暂停位置,以便用户日后可以从该位置继续播放。
视频
视频已暂停

音频
音频已暂停

接收器缓冲
当网络延迟或其他因素导致播放延迟时,接收器会进行缓冲。
必需
A 不显示任何元素,即使缓冲持续数秒也是如此。用户可以点按屏幕来显示播放器控件,也可以滑动来返回。
视频
接收器缓冲

音频
接收器缓冲

接收方停止投屏
当播放停止或超时时,接收器将显示接收器空闲界面。
必需
A 通过显示应用徽标来标识哪个接收器应用已加载或处于空闲状态。
B 将所有元素(包括所有应用徽标)放置在保护区域上方,以免与系统显示的任何控件重叠。
最佳做法
- 如果空闲时间达到 5 分钟,则断开与接收器应用的连接并停止运行该应用。 停止后,接收器会显示主屏幕,有助于防止屏幕烧屏。
本设计指南中使用的图片由 Blender Foundation 提供,并根据版权或知识共享许可进行分享。
- Elephant's Dream:(c)版权所有 2006,Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel:(c) 版权所有 Blender Foundation | www.sintel.org
- 钢铁之泪:(CC) Blender Foundation | mango.blender.org
- 《大雄兔》:(c) 版权所有 2008,Blender Foundation / www.bigbuckbunny.org