投放对话框

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

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

  “投放”对话框,未连接(有可用的接收器)

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

请注意多用户场景:

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

Android

“投放”对话框,未连接

“投放”对话框,未连接图片

投射主屏幕

投屏主屏幕图片

iOS

“投放”对话框,未连接

投放对话框未连接图片

投射主屏幕

投屏主屏幕图片

Chrome

“投放”对话框,未连接

投放对话框未连接图片

投射主屏幕

投屏主屏幕图片
 

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

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

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

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

首次投放 (iOS)

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

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

接收器不可用

接收器不可用

投屏流程,本地网络访问权限已关闭
 

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

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

Android

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

接收器应用已加载/空闲

iOS

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

接收器应用已加载/空闲

 

  投放对话框(投放时)

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

最佳实践

  • 为了提供最佳用户体验,除了“投放”对话框中的控件之外,还应提供永久性控件。

Android

投放对话框,投放期间

接收器正在播放内容

iOS

投放对话框,投放期间

接收器正在播放内容

Chrome

投放对话框,投放期间

投放对话框,投放期间

接收器正在播放内容

 

 

本设计指南中使用的图片由 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