投放對話方塊

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

如果您正在開發自訂實作或為 iOS 或 Chrome 建構應用程式,您必須以一致的方式實作這個對話方塊,讓使用者能識別及信任這個對話方塊,在各種裝置、應用程式和平台上都能以一致的方式運作。範例請參閱「參考應用程式」。

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

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

請注意多使用者情境:

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

Android

投放對話方塊,未連線

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

投放主畫面

投放主畫面圖片

iOS

投放對話方塊,未連線

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

投放主畫面

投放主畫面圖片

Chrome

投放對話方塊,未連線

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

投放主畫面

投放主畫面圖片
 

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

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

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

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

首次投放 (iOS)

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

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

無法使用接收器

無法使用接收器

投放流程,已停用區域網路存取權
 

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

必要步驟
A 當傳送者應用程式連線至網路接收器時,輕觸「投放」按鈕後,畫面會顯示「投放」對話方塊
B 「投放」對話方塊標題為「接收器名稱」
C 「投放」對話方塊顯示了停止投放的按鈕,且按鈕標籤為「停止投放」(如要進一步瞭解中斷連線的資訊,請參閱:)

Android

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

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

iOS

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

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

 

  投放期間投放對話方塊

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

最佳做法

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

Android

投放時投放對話方塊

接收器正在播放內容

iOS

投放時投放對話方塊

接收器正在播放內容

Chrome

投放時投放對話方塊

投放時投放對話方塊

接收器正在播放內容

 

 

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

  • 大象之夢:(c) 版權 2006,Blender Foundation / Netherlands Media Art Institute/www.elephantsdream.org
  • Sintel:(c) Copyright Blender Foundation | www.sintel.org
  • 鋼鐵淚流:(CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny:(c) 版權 2008,Blender Foundation / www.bigbuckbunny.org