Google Cast 平台的使用者體驗

透過 Google Cast，Android、iOS 和 Chrome 網頁應用程式可以將影片、音訊和螢幕分享 (鏡像) 等內容「串流播放」到支援 Cast 的裝置，例如：

  • Google Chromecast
  • 支援 Google Cast 的電視
  • 支援 Google Cast 的音箱
  • 智慧螢幕 (可攜式觸控 LCD 螢幕，用於做為超薄型電腦)
  • Android 平板電腦

在 Google Cast 互動模式中，手機、平板電腦或筆記型電腦是傳送端，可做為遙控器控制播放作業；電視、螢幕或已固定在電腦上的平板電腦則是接收端，可接收傳送端的指示，並顯示透過接收端網際網路連線取得的內容。所有使用者動作 (輕觸和滑動) 都可以在傳送端裝置或 Web Receiver 上執行。

投放功能需要兩個或更多螢幕的協調，也就是發送端 UI 和接收端 UI，兩者必須共同運作。舉例來說，如果您按下行動裝置上的按鈕暫停內容，電視應會顯示內容已暫停，而行動裝置則應提供播放按鈕，讓您繼續播放內容。

注意事項

由於硬體和資源限制，Google Cast 支援應用程式會受到以下限制：

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

整體設計原則

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

網頁接收器介面：

  • Web Receiver 可同時提供互動元素和資訊元素，用來說明應用程式的狀態，例如暫停或播放狀態，或是錯誤訊息。使用者互動可在 Cast 傳送器 (手機、平板電腦或 Chrome 瀏覽器) 或網路接收器 (電視、螢幕或平板電腦) 上進行。
  • 請注意，影片動作會在電視螢幕中央執行，您的 UI 元素不應幹擾簡報。將 UI 元素放在 Web Receiver 顯示畫面的三分之一下方，並保留 10% 的邊緣留白，以防超掃。
  • 盡可能讓畫面狀態轉換流暢，並營造電影般的感受。為了避免突如其來地從狀態移動，應使用淡入和淡出等轉換效果。舉例來說，內容載入狀態會在畫面上停留，並淡出媒體播放體驗。

寄件者介面：

  • 傳送端支援使用者動作，而 Web Receiver 會顯示狀態資訊。舉例來說，如果內容處於暫停狀態，電視應顯示內容處於暫停狀態，而行動裝置則應顯示內容已準備好開始播放 (例如向使用者顯示播放按鈕)。
  • 速度是致勝的關鍵。使用者必須能夠快速找到投放控制項，並立即在大型螢幕上看到內容開始播放。在內容載入期間，提供動畫載入指標，並使用轉場效果，讓使用者感覺載入速度更快。

如要確保 Cast 應用程式遵循這些原則，最簡單的方法就是使用 Cast 設計檢查清單檢查使用者介面，並測試 Cast 應用程式。

品牌宣傳指南

以下是 Google Cast 品牌規範，適用對象為應用程式開發人員，主要說明您必須遵守的其他規定，才能在文字中描述應用程式。如需投放裝置品牌宣傳指南，請參閱合作夥伴行銷中心。您可以使用「支援 Google Cast」一詞，讓其他人知道您的應用程式支援 Google Cast。不過，請務必確認您的應用程式符合 Cast SDK 附加開發人員服務條款和設計檢查清單的規定，且使用「Google Cast 支援」時遵守我們的品牌使用規範。

只要應用程式或裝置符合我們的徽章指南，您也可以使用 Google Cast 徽章。如果徽章不符合品牌規範，Google 有權要求您修改或停止使用徽章。

文字中的「Google Cast」

  • 描述支援投放功能的應用程式 (而非硬體產品) 時，請使用「支援 Google Cast」這個詞組。例如：「這個應用程式已啟用 Google Cast」。
  • 描述與 Cast 相容的第三方硬體產品時，請使用「這部{電視}支援 Google Cast」或「這些{音箱}支援 Google Cast」等字句。
  • 在文字中書寫「Google」和「Cast」時，應使用大寫字母。
  • 凡是行銷素材在文字或徽章/標誌中使用「Google Cast」時，都必須加上以下法律聲明：Google Cast 是 Google LLC 的商標。
  • 請勿在應用程式名稱中加入 Google Cast (例如 XYZ Google Cast 應用程式)。

支援 Google Cast 的應用程式訊息

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

  • 「XYZ 是支援 Google Cast 的應用程式，可讓你從行動裝置串流播放喜愛的娛樂內容到電視上。」
  • 「現在可以在支援 Google Cast 的電視上使用 XYZ 應用程式。」
  • 「XYZ 應用程式現已支援所有 Google Cast 產品，包括 Google Chromecast、Google Cast Audio，以及支援 Google Cast 的電視和音箱。」
  • 「XYZ 應用程式支援 Google Cast，讓您在電視上透過 Google Cast 盡情觀賞所有最愛的節目/電影/音樂/遊戲。」
  • 「XYZ 應用程式現在支援 Google Cast，使用者可以將內容從手機串流至支援 Google Cast 的電視。」

Google Cast 徽章

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

  • 請勿修改徽章圖片的顏色、比例、間距或任何其他元素。
  • 與其他元素技術 (例如藍牙、Spotify Connect、AirPlay 等) 的標誌一起使用時，Google Cast 徽章的大小必須與其他元素技術標誌相同或更大。
  • 請勿將徽章設為網頁上的主要元素。
  • 請在網頁上為徽章與其他標誌和圖示保留適當的距離。
  • 搭配白色、淺色或中等色調的背景使用時，可以使用黑色徽章。
  • 若要在黑色或深色調背景上使用，請使用白色徽章。
  • 請勿在含有或顯示成人內容、宣傳賭博、宣揚暴力、含有仇恨言論、涉及向未滿 21 歲者販售菸草或酒精、違反其他適用法律或法規，或有其他不當內容的網頁上使用徽章。

徽章連結

在線上使用 Google Cast 徽章時，必須連結至下列其中一種內容：

  • 如要查看 Google 支援 Google Cast 的應用程式和產品清單，請前往 g.co/castapps。
  • 您發布的產品清單。
  • 你發布的特定產品詳細資料頁面。
  • 您發布的應用程式清單。
  • 您在 Google Play 或 Apple App Store 上發布的特定應用程式詳細資料頁面。

下載 Google Cast 徽章素材資源

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

預覽 Google Cast 徽章

如要瞭解所有可用的徽章和使用說明，請參閱 合作夥伴中心徽章規範頁面。