投放对话框

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

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

<ph type="x-smartling-placeholder"></ph>   投放对话框,未连接(有接收器)

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

请注意多用户场景

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

Android

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片

iOS

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片

Chrome

投放对话框,未连接

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

投放主屏幕

投放主屏幕图片
 

<ph type="x-smartling-placeholder"></ph>   投放对话框,未连接(仅限 iOS)

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

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

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

首次投放 (iOS)

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

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

接收器不可用

接收器不可用

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

<ph type="x-smartling-placeholder"></ph>   投放对话框,已连接,但未投放

必需
  A   当发送器应用连接到 Web 接收器后, 点按“投射”按钮会显示“投射”对话框
  B  “投射”对话框标题为“接收器名称”出现
  C  “投射”对话框会显示一个用于停止投放的按钮 按钮标签为“停止投放”(如需详细了解如何解除关联,请参阅 发送者停止投屏

Android

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

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

iOS

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

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

 

<ph type="x-smartling-placeholder"></ph>   在投放时投放对话框

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