Chromecast 平台的用户体验

Chromecast 允许 Android、iOS 和 Chrome Web 应用将内容(例如视频、音频和屏幕共享(镜像))“流式传输”到支持 Cast 的设备,例如:

  • Chromecast
  • 内置 Chromecast 的电视(也称为内置 Chromecast 的电视)
  • 内置 Chromecast 的音箱(也称为内置 Chromecast 的音箱)
  • 智能显示屏(用作瘦客户端的便携式触摸屏 LCD 显示器)
  • Android 平板电脑

在 Cast 交互模型中,手机、平板电脑或笔记本电脑是充当遥控器来控制播放的发送方,电视、显示屏或插入基座的平板电脑是接收方,用于接收来自发送方的指令并显示来自接收方互联网连接的内容。所有用户操作(点按和滑动)都可以在发送方设备或网络接收器上进行。

投射依赖于两个或多个屏幕(发送设备界面和接收设备界面)之间的协调工作,它们必须协同工作。例如,如果您按下移动设备上的按钮来暂停内容,则电视应指明内容已暂停,而移动设备应提供播放按钮以继续播放。

注意事项

由于硬件和资源限制,支持 Chromecast 的应用存在特定限制:

  • Cast 设备是一种低功耗设备,具有内存、CPU 和 GPU 方面的限制,因此网络接收器应用应尽可能保持轻巧。
  • 对于 Chromecast 和 Chromecast 的内置互动模型,您可以在 Web 接收器或发送器应用中创建标签页、窗口或弹出式窗口,以及直接接受用户输入(例如点按或滑动)。例如,插入基座的平板电脑或显示屏上的 Web 接收器应用可以显示暂停按钮并接收用户的点按操作。这样,应用上的所有操作都必须从 Web 接收器或发送器应用触发。
  • 智能显示屏支持用户通过发送器应用或界面上的轻触来输入。
  • Web Receiver 是一款针对视频播放进行了优化的 Chrome 浏览器。因此,WebGL 和 Chrome 原生客户端 (NaCL) 和 Chrome 扩展程序目前均不受支持。
  • Cast 支持使用 <audio><video> 标记进行单个并发媒体流播放,或使用 WebAudio API 支持多个音轨。在 DOM 中,随时都只能有一个视频元素处于活动状态。此外,也不支持视频合成、操作、转换、旋转或缩放。

总体设计原则

在开发界面时,请注意以下几点。

Web 接收器界面

  • 网络接收器可以同时使用互动元素和信息元素来描述应用的状态,例如已暂停或正在播放,或错误消息。用户互动可在 Cast 发送器(手机、平板电脑或 Chrome 浏览器)或网络接收器(电视、显示屏或平板电脑)上进行。
  • 请注意,视频操作发生在电视屏幕的中间,界面元素不应干扰呈现。请将界面元素放置在网络接收器显示屏的下三分之一内,与屏幕边缘留出 10% 的外边距,以实现可能的过扫描
  • 如有可能,从一种屏幕状态到另一种屏幕状态的过渡应该很流畅,并具有电影般的效果。使用淡入和淡出等过渡,而不是突然从状态切换到状态。例如,内容加载状态会停留在屏幕上,并淡化到媒体播放体验中。

发送者接口

  • 发送方支持用户操作,而网络接收器会显示状态信息。 例如,如果内容已暂停,则电视应指示其已暂停,而移动设备应指示其已可开始播放(例如,向用户显示播放按钮)。
  • 速度至关重要。用户需要能够快速找到投射控件,并看到内容在大屏幕上立即开始播放。在内容加载时,提供具有动画效果的加载指示器,并使用过渡效果来帮助提升加载速度。

要确保 Cast 应用遵循这些原则,最简单的方法是使用 Cast 设计核对清单查看界面并测试 Cast 应用

品牌推广指南

以下 Chromecast 品牌指南面向应用开发者,着重介绍了以文字形式描述应用时必须遵守的额外要求。 如需了解投放设备品牌推广指南,请访问合作伙伴营销中心。您可以使用“支持 Chromecast”的字样,让他人知道您的应用支持内置 Chromecast。不过,请确保您的应用遵守 Cast SDK 附加开发者服务条款设计核对清单,并且您对“支持 Chromecast”的使用符合我们的品牌推广指南。

同样,只要您的应用或设备符合我们的标志准则,就可以使用 Chromecast 徽章。如果徽章不符合品牌推广指南,Google 保留要求您修改或停止使用徽章的权利。

在文字中使用“Chromecast”

  • 将应用(而非硬件产品)描述为支持 Cast 时,请使用短语“支持 Chromecast”。例如:“此应用支持 Chromecast”。
  • 在描述与 Cast 兼容的第三方硬件产品时,请使用“内置 Chromecast 电视”“内置 Chromecast 音响设备”或只使用“内置 Chromecast”。
  • 以文本形式编写时,“Chromecast”应采用大写形式,“built-in”应采用小写形式。
  • 在任何文字或徽章/徽标中使用“Chromecast”的营销资源中,您都必须添加以下法律归属信息:Chromecast 是 Google LLC 的商标。
  • 请勿将 Chromecast 放在应用名称中(如 XYZ Chromecast App)。

支持 Chromecast 的应用消息功能

您可以按以下步骤宣传您的应用:

  • “XYZ 是一款支持 Chromecast 的应用,可让您将喜爱的娱乐内容从移动设备流式传输到电视上。”
  • “XYZ 应用现在可用于内置 Chromecast 的电视。”
  • “XYZ 应用现在适用于所有 Chromecast 产品,包括 Chromecast、Chromecast Audio 以及内置 Chromecast 的电视和音响设备。”
  • “XYZ 应用支持 Chromecast,您可以使用内置 Chromecast 的电视机观看自己喜爱的所有节目/电影/音乐/游戏。”
  • “XYZ 应用现在支持 Chromecast,允许用户使用内置 Chromecast 将手机中的内容流式传输到电视上。”

Chromecast 徽章

您可以在网站、应用商品详情、营销材料和宣传材料中使用“Chromecast”徽章,以显示与使用 Cast 协议的设备的兼容性。

  • 请勿修改徽章图片的颜色、比例、间距或任何其他方面。
  • 当与其他成分技术(例如蓝牙、Spotify Connect、AirPlay 等)的徽标一起使用时,Chromecast 徽章的尺寸必须相同或更大。
  • 请勿将徽章设为网页的主要元素。
  • 在网页上,徽章与其他徽标和图标之间保持一定距离。
  • 在白色、浅色或中调背景中使用时,请使用黑色标记。
  • 在黑色或深色背景上使用时,请使用白色标志。
  • 请勿在包含或显示成人内容、宣扬赌博、宣扬暴力、包含仇恨言论、涉及向未满 21 周岁的人员销售烟草或酒精饮料、违反其他适用法律或法规或者包含令人反感的内容的网页上使用徽章。

徽章关联

在线使用时,Chromecast 标志必须链接至以下项之一:

  • Google 的一系列支持 Chromecast 的应用和产品,目前位于 g.co/castapps
  • 您发布的商品的列表。
  • 您发布的具体商品详情页面。
  • 您发布的应用的列表。
  • 您在 Google Play 或 Apple App Store 中发布的特定应用详情页面。

下载 Chromecast 徽章素材资源

下载包包含 Portable Network Graphics (.png)、Adobe Illustrator (.ai) 和 Enapsulated Postscript (.eps) 格式。

预览 Chromecast 徽章

黑色背景上的蓝色徽标和白色文字
黑底白字及白字
白色背景上有蓝色徽标和灰色文字