每当按下“投射”按钮时,系统都会显示“投射”对话框。通过“投射”对话框,用户可以 连接、控制和断开与网络接收器的连接。
如果您正在开发自定义实现或构建适用于 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