投放对话框

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

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

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

必需 Android MediaRouter 的默认行为):
A 当发送设备应用未连接到 Cast 接收器时,点按“投射”按钮会显示“投射”对话框
B “投射”对话框标题会显示“投射到”
C “投射”对话框会显示可用的网络投射接收器列表
D 目前显示的各个应用接收设备

请注意多用户场景

  • 当另一个用户连接到当前从同一应用和帐号投放的接收设备时,发送设备应用会提供投射内容的控件。
  • 当另一个用户连接到当前从未进行投射的应用投放的接收设备时,之前的发送设备应用会断开连接,而新的发送设备应用也会建立连接。

Android

投放对话框,未连接

投放对话框,未连接的图片

投放主屏幕

投放主屏幕图片

iOS

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片

Chrome

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片
 

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

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

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

必需
  A   首次投放:首次点按“投放”按钮后,必须显示插页式广告,向用户解释他们为何应允许应用访问本地网络设备。该插页应包含有关为什么需要本地网络访问权限的信息,以提高用户接受本地权限访问的可能性。
  B   接收器不可用:点按“投放”按钮会显示一个帮助屏幕,说明用户找不到网络接收器的可能原因,以及指向用于解决 LNA 权限问题的“设置”的链接。

首次投放 (iOS)

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

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

接收器不可用

接收器不可用

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

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

必需
A 当发送设备应用连接到网络接收器后,点按“投射”按钮会显示“投射”按钮
B “投射”对话框标题显示“接收器名称”
C “投射”对话框会显示一个用于停止投射的按钮,并带有“停止投射”按钮(如需详细了解如何断开连接,请参阅发送器停止投射

Android

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

接收端应用已加载 / 处于空闲状态

iOS

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

接收端应用已加载 / 处于空闲状态

 

  在投放时投放对话框

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

最佳实践

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

Android

投放时投放对话框

接收设备正在播放内容

iOS

投放时投放对话框

接收设备正在播放内容

Chrome

投放时投放对话框

投放时投放对话框

接收设备正在播放内容

 

 

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

  • 大象之梦:(c) 版权所有 2006,Blender Foundation / 荷兰媒体艺术学院/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