投放對話方塊

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

如果您要開發自訂實作或建構 iOS 或 Chrome 應用程式,則必須以一致的方式實作此對話方塊,讓使用者認知並信任其在各裝置、應用程式和平台上都能一致運作。如需範例,請參閱「參考應用程式」。

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

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

請注意多用戶情境:

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

Android

投放對話方塊,未連線

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

投放主畫面

投放主畫面圖片

iOS

投放對話方塊,未連線

投放對話方塊未連線圖片

投放主畫面

投放主畫面圖片

Chrome

投放對話方塊,未連線

投放對話方塊未連線圖片

投放主畫面

投放主畫面圖片
 

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

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

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

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

第一次投放 (iOS)

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

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

無法取得接收器

無法取得接收器

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

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

必要
  A   當傳送端應用程式連線至 Web 接收器時,輕觸「投放」按鈕會顯示「投放」對話方塊
  B  「投放」對話方塊標題會顯示「Receiver-Name」
  C  「投放」對話方塊會顯示「停止投放」按鈕 (如要進一步瞭解如何中斷連線,請參閱「傳送端停止投放」)

Android

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

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

iOS

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

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

 

  投放對話方塊,在投放期間

必要
  A   顯示「Cast」對話方塊標題「Receiver-Name」
  B   標題下方顯示目前投放的接收器或內容
  C   「Cast」對話方塊顯示「STOP CASTING」按鈕,可停止投放 (詳情請參閱「Sender stops cast」)

最佳做法

  • 為了提供最佳使用者體驗,除了 Cast 對話方塊中的控制項,請提供持續性控制項

Android

投放期間的投放對話方塊

接收器播放內容

iOS

投放期間的投放對話方塊

接收器播放內容

Chrome

投放期間的投放對話方塊

投放對話方塊,在投放期間

接收器播放內容

 

 

本設計指南所使用的圖片由 Blender 基金會提供,並依據版權或創用 CC 授權共用。

  • Elephant's Dream:(c) copyright 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) copyright 2008, Blender Foundation / www.bigbuckbunny.org