每当按下“投放”按钮时,系统都会显示“投放”对话框。“投射”对话框可让用户连接、控制和断开网络接收器。
如果您要开发自定义实现或构建适用于 iOS 或 Chrome 的应用,则必须以一致的方式实现此对话框,以便用户能够识别并信任该对话框,使其在各种设备、应用和平台上正常运行。如需查看示例,请参阅参考应用。
投射对话框,未连接(接收器可用)
必需(Android MediaRouter 的默认行为):
A 当发送器应用未连接到 Cast 接收器时,点按“投放”按钮会显示“投放”对话框
B “投射”对话框的标题中会显示“投放到”图标
C “投射”对话框会显示可用 Web 接收器的列表
投放
“”投射当前显示的“应”
注意多用户场景:
- 当另一个用户连接到目前从同一应用和帐号投射的接收器时,发送者应用会提供对投射内容的控件。
- 当另一个用户连接到目前未投放应用中的投射时,以前的发送者应用会断开连接,新的发送者应用也会与之连接。
Android
投放对话框,未连接

投放主屏幕

iOS
投放对话框,未连接

投放主屏幕

Chrome
投放对话框,未连接

投放主屏幕

投射对话框,未连接(仅限 iOS)
对于 iOS 设备,首次投射时,用户必须同意允许本地网络 (LNA) 访问投放设备。系统会向用户显示一个插页式广告信息屏幕,说明需要此权限的原因,然后显示标准的 Apple LNA 权限对话框。
首次投放后,如果在用户连接到 WLAN 时点按“投放”按钮时找不到设备,系统会显示一个帮助屏幕,说明网络接收器可能不可用的原因(例如,本地网络访问权限已停用或 WLAN 网络存在问题)。
必需:
A 首次投放:首次点按“投放”按钮后,必须向用户显示一个插页式广告,向用户说明应允许该应用访问本地网络设备。插页式广告应包含有关需要本地网络访问权限的原因的信息,以提高用户接受本地权限访问权限的可能性。
B 接收器不可用:点按“投放”按钮后,系统会显示一个帮助屏幕,其中会显示用户无法发现 Web 接收器的可能原因,以及用于解决 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
- 钢之泪 (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny:(c) 2008 版权所有,Blender Foundation / www.bigbuckbunny.org