支持触控的接收器应用

接收器在可能具有或不具有触控功能的设备上播放内容。接收器必须立即响应发送器应用中的操作以及通过触控进行的控制。

接收器界面反馈示例:

  • 正在播放
  • 已暂停
  • 播放位置 / 搜索
  • 正在缓冲

  接收方界面

必需
  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