每当按下“投射”按钮时,系统都会显示“投射”对话框。通过“投射”对话框,用户可以 连接、控制和断开与网络接收器的连接。
如果您正在开发自定义实现或构建适用于 iOS 或 Chrome 的应用, 以一致的方式实现此对话框,以便用户识别并信任其可正常运行 跨设备、应用和平台保持一致。请参阅 例如,参考应用。
投放对话框,未连接(有接收器)
必需(的默认行为)
Android MediaRouter):
A 如果发送器应用未连接到 Cast 接收器,
点按“投射”按钮会显示“投射”对话框
B “投射”对话框标题“投射到”出现
C “投射”对话框会显示可用的网络接收器列表
D 目前正在投射的每个接收器都应显示“正在投射”
应用名称"
请注意多用户场景:
- 当其他用户连接到当前正在投放的接收设备时 来自同一应用和账号,那么发送者应用会提供 投射内容。
- 当其他用户连接到当前正在投放的接收设备时 (即之前的发送者应用) 连接断开,并且新发送器应用连接。
Android
投放对话框,未连接
![投放对话框,未连接的图片](https://developers.google.cn/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=9&hl=hu)
投放主屏幕
![投放主屏幕图片](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=hu)
iOS
投放对话框,未连接
![“投放对话框”未连接的图片](https://developers.google.cn/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=9&hl=hu)
投放主屏幕
![投放主屏幕图片](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=hu)
Chrome
投放对话框,未连接
![“投放对话框”未连接的图片](https://developers.google.cn/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=9&hl=hu)
投放主屏幕
![投放主屏幕图片](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=9&hl=hu)
投放对话框,未连接(仅限 iOS)
对于 iOS,首次投放时,用户必须同意授予本地网络访问权限 (LNA) 投放设备。显示插页信息屏幕 向用户解释为什么需要此权限,然后提供标准 Apple LNA 权限对话框。
首次投放后,如果在您点按“投放”按钮时找不到任何设备 用户连接到 Wi-Fi 网络时,系统会显示帮助屏幕 解释 Web Receiver 不可用的原因(例如, 或 Wi-Fi 网络出现问题)。
必需:
A 首次投放:点按“投放”按钮后
这是我们第一次
必须展示插页式广告,向用户解释为何应允许
应用访问本地网络设备。插页式广告应包含
为什么需要访问本地网络,以提高用户接受
本地权限访问。
B 接收器不可用:点按“投放”按钮
显示帮助屏幕,说明用户可能的原因
无法发现网络接收器,以及指向用于解决 LNA 权限问题的“设置”的链接。
首次投放 (iOS)
首次投放:插页式广告和本地网络访问权限
![投放本地网络访问权限接受流程](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=9&hl=hu)
接收器不可用
接收器不可用
![投放流程,本地网络访问权限已关闭](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=9&hl=hu)
投放对话框,已连接,但未投放
必需
A 当发送器应用连接到 Web 接收器后,
点按“投射”按钮会显示“投射”对话框
B “投射”对话框标题为“接收器名称”出现
C “投射”对话框会显示一个用于停止投放的按钮
按钮标签为“停止投放”(如需详细了解如何解除关联,请参阅
发送者停止投屏)
Android
投放对话框,已连接,但未投放
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=9&hl=hu)
接收端应用已加载 / 处于空闲状态
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=9&hl=hu)
iOS
投放对话框,已连接,但未投放
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=9&hl=hu)
接收端应用已加载 / 处于空闲状态
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=9&hl=hu)
在投放时投放对话框
必需
A “投射”对话框标题“接收方名称”出现
B 下方显示了当前正在投放的接收器或内容
标题
C “投射”对话框会显示“停止投放”停止计时的按钮
投射(有关详情,请参阅
发送者停止投屏)
最佳实践
- 为了提供最佳用户体验,请提供 永久性控件 除“投射”对话框中的控件外。
Android
投放时投放对话框
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=9&hl=hu)
接收设备正在播放内容
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=hu)
iOS
投放时投放对话框
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=9&hl=hu)
接收设备正在播放内容
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=hu)
Chrome
投放时投放对话框
![投放时投放对话框](https://developers.google.cn/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=9&hl=hu)
接收设备正在播放内容
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=9&hl=hu)
本设计指南中使用的图片 由 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