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

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