投射对话框

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

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

如果您要开发自定义实现或构建适用于 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