投放对话框

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

如果您正在开发自定义实现或构建适用于 iOS 或 Chrome 的应用, 以一致的方式实现此对话框,以便用户识别并信任其可正常运行 跨设备、应用和平台保持一致。请参阅 例如,参考应用

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

必需的默认行为) Android MediaRouter):
  A  如果发送器应用未连接到 Cast 接收器, 点按“投射”按钮会显示“投射”对话框
  B  “投射”对话框标题“投射到”出现
  C  “投射”对话框会显示可用的网络接收器列表
  D  目前正在投射的每个接收器都应显示“正在投射” 应用名称"

请注意多用户场景

  • 当其他用户连接到当前正在投放的接收设备时 来自同一应用和账号,那么发送者应用会提供 投射内容。
  • 当其他用户连接到当前正在投放的接收设备时 (即之前的发送者应用) 连接断开,并且新发送器应用连接。

Android

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片

iOS

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片

Chrome

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片
 

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

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

首次投放后,如果在您点按“投放”按钮时找不到任何设备 用户连接到 Wi-Fi 网络时,系统会显示帮助屏幕 解释 Web Receiver 不可用的原因(例如, 或 Wi-Fi 网络出现问题)。

必需
  A   首次投放:点按“投放”按钮后 这是我们第一次 必须展示插页式广告,向用户解释为何应允许 应用访问本地网络设备。插页式广告应包含 为什么需要访问本地网络,以提高用户接受 本地权限访问。
  B   接收器不可用:点按“投放”按钮 显示帮助屏幕,说明用户可能的原因 无法发现网络接收器,以及指向用于解决 LNA 权限问题的“设置”的链接。

首次投放 (iOS)

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

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

接收器不可用

接收器不可用

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

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

必需
  A   当发送器应用连接到 Web 接收器后, 点按“投射”按钮会显示“投射”对话框
  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) 搅拌机基础 |mango.blender.org
  • Big Buck Bunny:(c) 版权所有 2008,Blender Foundation / www.bigbuckbunny.org