傳送者應用程式

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

將內容投放到網路接收器時,使用者必須能夠透過寄件者應用程式進行控制。

注意:根據《Google Cast SDK 額外開發人員服務條款》,Cast 媒體應用程式必須使用 SDK 定義的 Play 控制 API (媒體播放訊息) 來控制 Web Receiver 中的媒體播放。

寄件者應用程式應於下列區域提供投放控制項:

即使傳送者應用程式並非原始寄件者應用程式,發送者應用程式對於這些區域的投放播放狀態和控制選項也必須與網路接收器上的播放變更保持同步。如此一來,系統就能正確處理多傳送端指令和裝置的遙控器、按鈕等播放控制項。

Android

投放對話方塊控制項

迷你控制器

通知控制項

鎖定畫面控制項

iOS

投放對話方塊控制項

迷你控制器

Chrome

投放對話方塊控制項

迷你控制器

 

寄件者音量控制項

寄件者應用程式必須讓使用者使用傳送裝置上的硬體音量按鈕和/或軟體音量滑桿,才能控制在電視或揚聲器上播放的內容音量。這些控制項會控管:

  • 針對 Google Cast 等 Google Cast 裝置,傳送至電視的音量。
  • Google Cast TV、內建 Android TV 的電視和智慧型揚聲器的實際原生電視/揚聲器音量。

必要
A

  • Android:必須支援硬體按鈕和軟體音量滑桿。
  • iOS:軟體音量滑桿是必要設定。
  • 網站/Chrome:必須啟用軟體音量滑桿。

B 在行動裝置上,軟體投放滑桿必須能在「投放」對話方塊內使用 (投放時)。
C 連線至 Web Receiver 後,寄件者應用程式中的音量滑桿必須與目前的 Web Receiver 音量同步,且保持同步。
D 傳送者應用程式中的音量滑桿必須反映其他傳送者或 Chromecast 應用程式遙控器的音量變更。
E 寄件者應用程式不應將音量設為預先定義的等級,但只應傳遞使用者啟動的音量變更。
F F 僅限 Android:使用硬體按鈕變更網路接收器的音量時,使用者按下硬體音量按鈕時,就會出現視覺音量滑桿 (左側會顯示「投放」圖示)。注意:Android Gingerbread (2.3 版) 不會顯示「投放」圖示。

最佳做法

  • 音量增量:
    • Android:架構會自動增加音量。
    • iOS 和 Chrome:如果是硬體音量按鈕,使用/減少「網路接收器」裝置 5% 的增量音量會用在音訊/視訊裝置上 5% 的音量,以及 2% 的 Web Receiver 裝置音量 (僅限純音訊裝置的 2%)。

寄件者展開控制器

傳送者應用程式必須針對投放內容提供展開控制器。

必要
A 顯示內容標題或藝術品,來識別要投放的內容。
B 播放前,請先顯示載入指標和內容標題或圖片。
C 內容開始時,請找出網路接收器狀態。
D 提供相關的控制項。
E 於搜尋列中的左側顯示目前播放時間。
在畫面右側,顯示串流的總時間長度 (如果知道的話),如果不是直播內容。
F 隱藏與投放無關的控制項。
G 使用者離開展開的控制器時,請勿中斷連線或停止投放。
H 在使用者離開時,能輕鬆返回展開的控制器。

最佳做法

  • 為媒體串流提供播放位置滑桿。
  • 顯示其他有意義的內容相關圖片和中繼資料。
  • 找出媒體串流的經過時間和內容時間長度。

Android

正在載入寄件者內容

正在載入接收器內容

正在播放寄件者內容

網路接收器正在播放內容

iOS

正在載入寄件者內容

正在載入網路接收器內容

正在播放寄件者內容

網路接收器正在播放內容

Chrome

正在載入寄件者內容

正在載入網路接收器內容

正在播放寄件者內容

網路接收器正在播放內容

 

寄件者迷你控制器

當使用者離開目前的內容頁面,或展開控制器至寄件者應用程式內的其他檢視畫面時,投放時應顯示小型的持續性控制項 (稱為迷你控制器)。迷你控制器是目前投放畫面的可見提醒,並即時提供存取權。

必要
A
C 適用於應用程式的所有畫面 (展開的控制器頁面除外)。
D 輕觸內容區域即可開啟展開的控制器。
E 提供任何其他與立即行動相關的控制項。

最佳做法
為了獲得最佳使用者體驗,請在迷你投放控制器以外的投放對話方塊中提供控制項。

Android

寄件者迷你控制器

Web Receiver 內容已暫停

iOS

寄件者迷你控制器

Web Receiver 內容已暫停

Chrome

寄件者迷你控制器

Web Receiver 內容已暫停

 

寄件者通知

必要 (僅限 Android 裝置)
A 使用狀態列中的應用程式圖示 (而非「投放」圖示)。
B 找出正在投放的內容。例如顯示內容標題或圖片。
C 找出投放哪個網路接收器。
D 提供基本內容控制項。
E 提供「X」以停止投放動作,並在動作列中停止與 Web 接收器中斷連線。
F F 輕觸應用程式標誌、內容標題或圖片時,應開啟寄件者應用程式的展開控制器。

附註

  • 僅限 Android:無法在 iOS 或 Chrome 中導入通知。
  • 在 Android Gingerbread (2.3 版) 中,通知只會顯示應用程式圖示和文字,而不會播放/暫停或停止播放。
  • 詳情請參閱「在通知中新增媒體控制項」。

Android

寄件者通知圖示

網路接收器正在播放內容

寄件者通知控制項

網路接收器正在播放內容

 

寄件者螢幕鎖定畫面

必填 (僅限 Android)
A 使用內容標題或藝術品來識別要投放的內容。
B 找出投放哪個網路接收器。請注意,上述規定不適用於音樂應用程式。
C 提供播放控制項。
D 透過硬體按鈕提供音量控制選項。

Android 4.4 (KitKat) 以上版本才能使用:

  • 應用程式圖示
  • 藝術作品 (例如專輯封面)
  • 以文字指明內容正在投放的內容 (例如「鋼鐵傾斜」)
  • 識別哪個網路接收器正在投放 (例如「客廳」)。

Android 4.3 Jelly Bean 的必要項目:

  • 藝術作品 (例如專輯封面)
  • 以文字指明內容正在投放的內容 (例如「鋼鐵傾斜」)
  • 識別哪個網路接收器正在投放 (例如「客廳」)。

附註

  • 僅限 Android:無法在 iOS 或 Chrome 中導入通知。
  • Android 4.1 以上版本必須使用螢幕鎖定功能控制項。
  • 不同的 Android 作業系統版本都有不同的控制項,而螢幕鎖定畫面只能容納文字欄位。一般而言,圖形和圖像比內容更有可能描述內容。
  • 音量控制硬體按鈕應在手機鎖定時調整寄件者應用程式的音量。
  • 控制項必須使用架構元件:MediaSessionMediaSessionCompat (4.4 和 4.3 版) 或 Notification (5.0 以上版本)。

Android

寄件者螢幕鎖定控制項

網路接收器正在播放內容

 

寄件者繼續投放

連線的傳送端應用程式應在隱含斷線後 (例如網路放置、休眠或電池耗電等) 恢復其連線狀態。

必要
A重新啟動應用程式或連線後,只要網路接收器工作階段保持最新狀態,傳送端應用程式應還原與網路接收器的連線。
B 「投放」按鈕應還原為已連結的狀態。
C 如果使用者在寄件者重新連線之前輕觸「投放」按鈕,系統就會顯示網路接收器裝置清單。當使用者選取目前投放的 Web Receiver 時,寄件者應用程式會顯示迷你或展開的控制器。

注意
Web Receiver 應用程式也可能因為電源中斷或其他偏離內容中斷而中斷及停止執行。如一般的工作階段結束,詳情請參閱傳送端停止投放一文。

Android

選取應用程式

網路接收器正在播放內容

已恢復投放連線

網路接收器正在播放內容

iOS

選取應用程式

網路接收器正在播放內容

已恢復投放連線

網路接收器正在播放內容

 

寄件者停止投放

使用者選擇投放至電視後,系統會繼續播放內容,直到使用者選擇「停止投放」或傳送者投放新的內容為止。當多個傳送者連結至同一個 Web Receiver 時,每個傳送端應用程式應在「投放」對話方塊中顯示「中斷連線」按鈕 (而非「停止投放」按鈕)。

必要
A 其餘已連線的寄件者裝置可透過可用的投放控制項維持連線。
B 當傳送者應用程式間接中斷連線 (例如傳送者裝置電池耗電,或與網路接收器接收的寄件者裝置網路連線中斷) 時,對網路接收器不會執行任何動作,並從投放裝置移除投放控制項和通知。寄件者應用程式應追蹤隱含斷線,並再次開啟傳送者應用程式,嘗試重新連線至 Web Receiver。

Android

投放對話方塊,中斷連線按鈕

網路接收器正在播放內容

iOS

投放對話方塊,中斷連線按鈕

網路接收器正在播放內容

Chrome

投放對話方塊,中斷連線按鈕

網路接收器正在播放內容

 

 

本設計指南中使用的圖片由 Blender Foundation 提供,並由版權或創用 CC 授權提供。

  • Elephant's Dream:(c) 2006 年版權所有,Blender Foundation / Netherlands Media Art Institute/www.elephantsdream.org
  • Sintel:(c) 版權 Blender Foundation | www.sintel.org
  • 鋼珠眼淚:(CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny:(c) 2008 年版權所有,Blender Foundation / www.bigbuckbunny.org