投放對話方塊

只要按下「投放」按鈕,系統就會顯示「投放」對話方塊。使用者可以透過投放對話方塊,連線、控制及中斷連線至 Web 接收端。

如果您正在開發自訂實作項目,或建構 iOS 或 Chrome 應用程式,則必須以一致的方式實作這個對話方塊,讓使用者能辨識並信任該對話方塊,在不同裝置、應用程式和平台上都能正常運作。如需範例,請參閱參考應用程式。

  投放對話方塊,未連線 (有可用的接收端)

必要 ( Android MediaRouter 的預設行為):
  A   傳送端應用程式未連上 Cast 接收端時,輕觸「投放」按鈕會顯示「投放」對話方塊
  B  「投放」對話方塊會顯示「投放到」標題
  C  「投放」對話方塊會顯示可用的 Web 接收端清單
  D   每個目前投放中的接收端都應顯示「正在投放<應用程式名稱>」

請注意多使用者情境:

  • 當其他使用者連線至目前從相同應用程式和帳戶投放的接收端時,傳送端應用程式會提供投放內容的控制項。
  • 如果其他使用者連上目前正在投放內容的接收端,但投放內容的應用程式並未投放內容,則先前的傳送端應用程式會中斷連線,新的傳送端應用程式會連線。

Android

投放對話方塊,未連線

投放對話方塊,未連線圖片

投放主畫面

投放主畫面圖片

iOS

投放對話方塊,未連線

投放對話方塊未連線圖片

投放主畫面

投放主畫面圖片

Chrome

投放對話方塊,未連線

投放對話方塊未連線圖片

投放主畫面

投放主畫面圖片
 

  投放對話方塊,未連線 (僅限 iOS)

在 iOS 裝置上,使用者首次投放時,必須同意授予 Cast 裝置區域網路存取權 (LNA)。系統會向使用者顯示插頁式資訊畫面,說明需要這項權限的原因,接著顯示標準 Apple LNA 權限對話方塊。

首次投放後,如果使用者在 Wi-Fi 網路下輕觸「投放」按鈕,但找不到任何裝置,系統會顯示說明畫面,解釋 Web 接收端可能無法使用的原因 (例如,區域網路存取權已停用,或 Wi-Fi 網路發生問題)。

必要:
  A   首次投放:首次輕觸「投放」按鈕後,必須顯示插頁式畫面,向使用者說明為何應允許應用程式存取區域網路裝置。插頁式畫面應說明需要區域網路存取權的原因,提高使用者接受區域權限存取要求的可能性。
  B   無法使用接收端:輕觸「投放」按鈕會顯示說明畫面,說明使用者無法找到網路接收端的可能原因,並提供「設定」連結,協助修正 LNA 權限問題。

首次投放 (iOS)

首次投放:插頁式廣告和區域網路存取權

投放區域網路存取權接受流程

無法使用接收器

無法使用接收器

投放流程,區域網路存取權已關閉
 

  「投放」對話方塊,已連線但未投放

必要
  A   傳送端應用程式連上網路接收端後,輕觸「投放」按鈕會顯示「投放」對話方塊
  B  「投放」對話方塊會顯示「<接收端名稱>」標題
  C  「投放」對話方塊會顯示「停止投放」按鈕,用於停止投放 (如要進一步瞭解如何中斷連線,請參閱「傳送端停止投放」一節)

Android

投放對話方塊,已連線但未投放

接收端應用程式已載入/閒置

iOS

投放對話方塊,已連線但未投放

接收端應用程式已載入/閒置

 

  投放對話方塊 (投放期間)

必要
  A   顯示投放對話方塊標題「Receiver-Name」
  B   標題下方會顯示目前投放的接收端或內容
  C   投放對話方塊會顯示「停止投放」按鈕,可停止投放 (詳情請參閱「傳送端停止投放」)

最佳做法

  • 為提供最佳使用者體驗,除了 Cast 對話方塊中的控制項外,請提供永久控制項。

Android

投放期間的投放對話方塊

接收端播放內容

iOS

投放期間的投放對話方塊

接收端播放內容

Chrome

投放期間的投放對話方塊

投放期間的投放對話方塊

接收端播放內容

 

 

本設計指南中使用的圖片由 Blender Foundation 提供,並依據著作權或創用 CC 授權分享。

  • Elephant's Dream:(c) 2006 年版權所有,Blender Foundation/Netherlands Media Art Institute/www.elephantsdream.org
  • Sintel:(c) copyright Blender Foundation | www.sintel.org
  • Tears of Steel:(CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny:(c) 2008 年著作權,Blender Foundation/www.bigbuckbunny.org