投放對話方塊

每次按下「投放」按鈕時,都會顯示「投放」對話方塊。「投放」對話方塊可讓使用者連線、控制及中斷網路接收器的連線。

如果您正在開發自訂實作項目,或建構適用於 iOS 或 Chrome 的應用程式,請務必以一致的方式實作這個對話方塊,方便使用者識別並信任,以便在各種裝置、應用程式和平台上一致。如需示例,請參閱「參考應用程式」。

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

必要 ( Android MediaRouter 的預設行為):
A 如果傳送者應用程式未連線至 Cast 接收器,輕觸「投放」按鈕會顯示「投放」對話方塊
B 「投放」對話方塊標題會顯示
C 「投放」對話方塊會顯示可用的網路接收器清單
D

請注意以下多使用者情境:

  • 當另一位使用者連線至同一應用程式和帳戶投放的接收器時,傳送端應用程式會提供投放內容的控制選項。
  • 如果另一位使用者連線至目前從未投放的應用程式投放內容的接收器,先前的傳送端應用程式會中斷連線,而新的傳送端應用程式會連線。

Android

投放對話方塊,未連線

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

投放主畫面

投放主畫面圖片

iOS

投放對話方塊,未連線

未連接投放對話方塊的圖片

投放主畫面

投放主畫面圖片

Chrome

投放對話方塊,未連線

未連接投放對話方塊的圖片

投放主畫面

投放主畫面圖片
 

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

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

首次投放後,如果使用者輕觸 Wi-Fi 時找不到「投放」按鈕,系統會顯示說明畫面,說明無法使用網路接收器的原因 (例如區域網路存取權已停用或 Wi-Fi 網路發生問題)。

必要步驟
  首次投放: 首次投放「投放」按鈕後, 必須顯示插頁式廣告,向使用者說明為何應允許應用程式存取區域網路裝置。 插頁應提供說明為何需要區域網路存取權的資訊,以便提高使用者接受本機權限的可能性。
  B   無法使用接收器:輕觸「投放」按鈕時,系統會顯示說明畫面,說明使用者找不到網路接收器的可能原因,以及前往設定修正 LNA 權限問題的連結。

首次投放 (iOS)

首次投放:插頁和區域網路存取權限

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

無法使用接收器

無法使用接收器

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

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

必要
A 傳送者應用程式連線到網路接收器後,輕觸「投放」按鈕顯示「投放」對話方塊
B 投放對話方塊標題顯示「Receiver-Name」
C 「投放」對話方塊顯示用來停止投放的按鈕,且按鈕標籤為「停止投放」(如需進一步瞭解如何中斷連線,請參閱 停止投放)

Android

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

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

iOS

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

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

 

  投放時「投放」對話方塊

必要
顯示「投放」對話方塊中的標題「接收器名稱」
B 標題下方會顯示目前投放的接收器或內容
C 「投放」對話方塊會顯示停止投放的「停止投放」按鈕 (詳情請參閱傳送者停止投放)

最佳做法

  • 為提供最佳使用者體驗,除了「投放」對話方塊中的控制項之外,請提供永久性控制項

Android

投放對話方塊

接收端播放內容

iOS

投放對話方塊

接收端播放內容

Chrome

投放對話方塊

投放對話方塊

接收端播放內容

 

 

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

  • 大象的夢想:(c) 著作權 2006,Blender Foundation / 荷蘭媒體藝術學院 / www.elephantsdream.org
  • Sintel: (c) copyright Blender Foundation | www.sintel.org
  • 鋼鐵破壞:(CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny:(c) copyright 2008, Blender Foundation / www.bigbuckbunny.org