投放对话框

每当用户按下“投屏”按钮时,系统都会显示“投屏”对话框。借助投放对话框,用户可以连接、控制和断开与 Web 接收器的连接。

如果您要开发自定义实现或为 iOS 或 Chrome 构建应用,则必须以一致的方式实现此对话框,以便用户能够识别并信任它,并在各种设备、应用和平台上以一致的方式运行。如需查看示例,请参阅参考应用

  投屏对话框,未连接(有可用接收器)

必需 Android MediaRouter 的默认行为):
  A   当发送方应用未连接到 Cast 接收器时,点按“投屏”按钮会显示“投屏”对话框
  B   系统会显示“投屏到”的“投屏”对话框标题
  C   “投屏”对话框会显示可用的 Web 接收器列表
  D   当前正在投屏的每个接收器都应显示“正在投屏 app name

请注意多用户场景

  • 当其他用户通过同一应用和账号连接到当前正在投屏的接收器时,发送器应用会提供投屏内容的控件。
  • 当其他用户通过未投放的应用连接到当前正在投放的接收器时,之前的发送器应用会断开连接,而新的发送器应用会连接。

投放对话框,未连接

投放对话框,未连接图片

投放主屏幕

投放主屏幕图片

投放对话框,未连接

投放对话框未连接图片

投屏主屏幕

投放主屏幕图片

投放对话框,未连接

投放对话框未连接图片

投屏主屏幕

投放主屏幕图片
 

  投放对话框,未连接(仅限 iOS)

对于 iOS 设备,首次投放时,用户必须同意允许 Cast 设备使用本地网络访问权限 (LNA)。系统会向用户显示一个插页式信息界面,说明需要此权限的原因,然后显示标准的 Apple LNA 权限对话框。

首次投放后,如果用户在 Wi-Fi 连接状态下点按“投放”按钮时找不到任何设备,系统会显示一个帮助屏幕,说明 Web 接收器可能不可用的原因(例如,本地网络访问已停用,或 Wi-Fi 网络存在问题)。

必需
 首次投放:首次点按“投放”按钮后,必须显示一个插页式广告,向用户说明为何应允许应用访问本地网络设备。插页式广告应包含有关需要本地网络访问权限的原因的信息,以提高用户接受本地权限访问的可能性。
  B   接收器不可用:点按“投放”按钮后,系统会显示一个帮助屏幕,说明用户无法发现 Web 接收器的可能原因,以及用于修正 LNA 权限问题的“设置”链接。

首次投放:插页式广告和本地网络访问权限

投放本地网络访问权限接受流程

接收器不可用

投放流程,本地网络访问权限处于关闭状态
 

  投放对话框,已连接但未投放

必需
  A   当发送器应用连接到 Web 接收器时,点按“投屏”按钮会显示“投屏”对话框
  B   系统会显示“投屏”对话框标题“Receiver-Name”
  C   “投屏”对话框会显示用于停止投屏的按钮,按钮标签为“停止投屏”(如需详细了解如何断开连接,请参阅发送器停止投屏

投放对话框,已连接但未投放

接收器应用已加载 / 空闲

投放对话框,已连接但未投放

接收器应用已加载 / 空闲

 

  投放时显示的投放对话框

必需
  A   系统会显示“Receiver-Name”投放对话框标题
  B   当前正在投放的接收器或内容显示在标题下方
  C   投放对话框会显示用于停止投放的“停止投放”按钮(如需了解详情,请参阅发送方停止投放

最佳做法

  • 为了提供最佳用户体验,除了 Cast 对话框中的控件之外,还应提供持久性控件

投放时显示的投屏对话框

接收器播放内容

投放时显示的投屏对话框

接收器播放内容

投放时显示的投屏对话框

投放时显示的投屏对话框

接收器播放内容

 

 

本设计指南中使用的图片由 Blender Foundation 提供,并采用版权或知识共享许可共享。

  • Elephant's Dream:(c) 版权所有 2006,Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel:(c) 版权所有 Blender Foundation | www.sintel.org
  • Tears of Steel:(CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny:(c) 版权所有 2008,Blender Foundation / www.bigbuckbunny.org