使用者對於 Chromecast 平台的使用者體驗

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

Chromecast 可讓 Android、iOS 和 Chrome 網頁應用程式「串流」內容,例如影片、音訊和螢幕畫面分享 (鏡像) 到支援 Cast 的裝置,例如:

  • Chromecast
  • 內建 Chromecast 的電視 (又稱為內建 Chromecast 的電視)
  • Chromecast 內建揚聲器 (又稱為內建 Chromecast 的揚聲器)
  • 智慧螢幕 (做為精簡型用戶端的可攜式觸控螢幕 LCD 顯示器)

在 Cast 互動模型中,手機、平板電腦或筆記型電腦是「傳送端」,可用來控製播放,而電視是「接收端」,可接收來自寄件者的指示,並顯示接收器網際網路連線的內容。所有使用者動作 (輕觸與滑動) 都是在寄件者裝置上執行,而不是在電視上。

投放功能需要使用兩個以上螢幕之間的協調方式;傳送者的使用者介面和接收器的使用者介面,兩者必須相輔相成。舉例來說,如果您在行動裝置上按下按鈕暫停播放內容,電視應顯示暫停按鈕,而行動裝置應提供播放按鈕以繼續播放。

注意事項

基於硬體和資源限制,支援 Chromecast 的應用程式設有下列限制:

  • Cast 裝置是具有低記憶體、CPU 和 GPU 限制的低功耗裝置,因此 Web Receiver 應用程式應盡可能精簡。
  • 如果是 Chromecast 和內建 Chromecast 的互動模型,您無法在 Web Receiver 應用程式中建立分頁、視窗或彈出式視窗,也無法透過 Web Receiver 應用程式接受使用者輸入內容 (例如輕觸或滑動)。舉例來說,「網路接收器」應用程式可以顯示暫停按鈕,但無法接收使用者的輕觸動作。使用者必須輕觸「傳送者」的暫停按鈕。這樣一來,應用程式中的所有動作都必須透過寄件者應用程式觸發。
  • 智慧螢幕透過寄件者應用程式或輕觸 UI 支援使用者輸入內容。
  • Web Receiver 是針對影片播放而最佳化的 Chrome 瀏覽器。因此,系統目前不支援 WebGL 和 Chrome Native Client (NaCL),也不支援 Chrome 擴充功能。
  • Cast 支援在 <audio><video> 標記中提供單一並行媒體串流播放,或是使用 WebAudio API 播放多個音軌。在 DOM 中,一次只能有一個影片元素啟用。此外,系統不支援影片合成、操控、轉換、旋轉或縮放。

整體設計原則

開發使用者介面時,請注意下列事項。

Web 接收器介面:

  • 網路接收器不應有任何互動元素,只有可說明應用程式狀態的資訊元素,例如已暫停或播放,或是錯誤訊息。使用者互動應只在 Cast 寄件者 (手機、平板電腦或 Chrome 瀏覽器) 進行,而非網路接收器 (電視)。
  • 提醒您,影片動作是在電視中間進行,而您的 UI 元素也不應幹擾簡報顯示。將 UI 元素放在 Web Receiver 顯示畫面的下三分之一處,與螢幕邊緣保持 10% 的邊界,使其可進行超額掃描
  • 如果可以的話,從一個畫面狀態轉換到另一個螢幕狀態,會保持流暢且感覺電影流暢。使用淡入和淡出等轉換效果,而非突然進入狀態。舉例來說,內容載入狀態會在螢幕上顯示,並淡入媒體播放體驗。

寄件者介面:

  • 寄件者支援使用者動作,網路接收器則會顯示狀態資訊。舉例來說,如果內容暫停,電視應顯示內容暫停,而行動裝置顯示已可開始播放 (例如向使用者顯示播放按鈕)。
  • 速度是致勝的關鍵。使用者必須能快速找到投放控制項,且內容會在大螢幕上立即開始播放。在載入內容的同時,請提供動畫載入指標,並使用轉場效果來加快處理速度。

如要確保 Cast 應用程式遵守這些準則,最簡單的方式就是查看採用 Cast 的設計檢查清單,以及測試 Cast 應用程式

品牌宣傳指南

以下 Chromecast 品牌規範適合應用程式開發人員使用,並著重遵守其他規定。如需投放裝置的品牌規範,請參閱 Partner Marketing Hub。你可以使用「支援 Chromecast」一詞,讓他人知道您的應用程式是否內建 Chromecast,不過,請確保您的應用程式符合 Cast SDK 額外開發人員服務條款設計檢查清單,且您在使用「支援 Chromecast 的應用程式」時必須遵守我們的品牌宣傳指南。

只要您的應用程式或裝置符合我們的徽章規範,就可以使用 Chromecast 徽章。如果徽章不符合品牌規範,Google 保留您要求修改或停止使用徽章的權利。

在文字中使用「Chromecast」

  • 將應用程式 (而非硬體產品) 描述為支援 Cast 時,請使用「支援 Chromecast 的詞組」詞組。例如:「這個應用程式支援 Chromecast」。
  • 描述 Cast 相容的第三方硬體產品時,請使用「內建 Chromecast 的電視」、「內建 Chromecast 的揚聲器」,或只使用「內建 Chromecast」功能。
  • 以文字編寫時,「Chromecast」應大寫,「內建」應使用小寫。
  • 任何在文字或文字/標誌中使用「Chromecast」的行銷素材資源,都必須加入以下法律歸屬:Chromecast 是 Google LLC 的商標。
  • 請勿在應用程式名稱 (例如 XYZ Chromecast 應用程式) 中加入 Chromecast。

支援 Chromecast 的應用程式訊息功能

您可以透過下列方式宣傳應用程式:

  • 「XYZ 是一款支援 Chromecast 的應用程式,可讓你透過行動裝置將自己喜愛的娛樂內容串流播放到電視上。」
  • 「內建 XYZ 應用程式的電視現已支援 XYZ 應用程式。」
  • 「XYZ 應用程式現已支援所有 Chromecast 產品,包括 Chromecast、Chromecast Audio,以及內建 Chromecast 的電視和揚聲器。」
  • 「XYZ 應用程式支援 Chromecast,可讓你在電視上觀賞自己喜愛的所有節目/電影/音樂/遊戲。」
  • 「XYZ 應用程式現在支援 Chromecast,可讓使用者將手機上的內容透過 Chromecast 串流播放到電視上。」

Chromecast 徽章

您可以在網站、應用程式商店資訊、行銷素材和宣傳資料中使用「Chromecast」徽章,向使用 Cast 通訊協定的裝置顯示相容性。

  • 請勿修改徽章圖片的色彩、比例、間距或任何其他方式。
  • 如搭配藍牙、Spotify Connect 和 AirPlay 等其他食材使用標誌,Chromecast 徽章的大小必須相同或更大。
  • 請勿將徽章設為網頁的主要元素,
  • 請讓徽章與網頁上的其他標誌與圖示保持一定距離。
  • 在白色、淺色或中型色調上使用時,請使用黑色徽章。
  • 用於黑色或深色色調背景時,請使用白色徽章。
  • 在包含或顯示成人內容、宣傳賭博、宣傳暴力、含有仇恨言論、涉及將煙草或酒精販售給未滿 21 歲的人士、違反其他適用法律或法規,或以其他方式提出異議的網頁上使用徽章。

徽章連結

使用網路時,Chromecast 徽章必須連結至下列其中一個連結:

  • Google 目前支援 Chromecast 的應用程式和產品清單,目前網址為 g.co/castapps
  • 您發布的產品清單。
  • 您所發布的特定產品詳細資料頁面。
  • 您發布的應用程式清單。
  • 您在 Google Play 或 Apple App Store 發布的特定應用程式詳細資料頁面。

下載 Chromecast 徽章素材資源

下載套件包含可攜式網路圖形 (.png)、Adobe Illustrator (.ai) 和 Enstpsulated Postscript (.eps) 格式。

預覽 Chromecast 徽章

黑色背景的藍色標誌和白色文字
黑色背景上的白色標誌和白色文字
白色背景中的藍色標誌和灰色文字