Chromecast 平台使用者體驗

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

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

在投放互動模式中,手機、平板電腦或筆記型電腦可做為遙控器的「傳送者」,電視、螢幕或已插入座架的平板電腦則可做為「接收端」,接收傳送端的指示,並顯示接收器的網際網路連線內容。所有使用者動作 (輕觸和滑動) 都可以在傳送端裝置或網路接收器「兩者」上執行。

投放時,需要使用兩個以上畫面之間的協調方式:傳送者 UI 和接收器 UI,兩者必須搭配運作。舉例來說,如果您按下行動裝置上的按鈕暫停播放內容,電視應該會顯示暫停播放,而行動裝置應提供播放按鈕以恢復播放。

考量重點

由於硬體和資源限制,支援 Chromecast 的應用程式會有特定限制:

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

整體設計原則

設計使用者介面時,請特別留意以下幾點。

網路接收端介面:

  • Web Receiver 可以具有互動式元素和資訊元素,用來描述應用程式的狀態,例如暫停或播放或錯誤訊息。使用者互動可能會在 Cast 發送端 (手機、平板電腦或 Chrome 瀏覽器) 或 Web Receiver (電視、螢幕或平板電腦) 上進行。
  • 提醒您,影片動作是在電視螢幕中央進行,且 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 的商標。
  • 請勿將 Chromecast 加入應用程式 (例如 XYZ Chromecast 應用程式) 標題中。

支援 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 徽章

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