布萊特灣原生玩家控制

在本主題中,您將學習如何使用和自訂 Brightcove 原生 SDK 的播放器控制項。

簡介

將 Brightcove 網頁播放器的美學與 iOS 和 Android 平台標準融合在一起,Brightcove 原生播放器控制功能在開箱即用的堅實功能之上提供時尚的外觀。

動態 UI

Brightcove 原生播放器控制項具有高度適應性,以確保您的內容顯示在漂亮的使用者介面中,無論情況如何。

自適應螢幕大小

確保 UI 元素足夠大,可以清楚地看到和使用對任何行動應用程式來說都是至關重要的。Brightcove 原生播放器控制項包含邏輯,以判斷使用者介面有多少空間可用。如果寬度落在特定閾值之下,控制項會自動切換為使用兩條線路組態。

播放器控制
播放器控制
精巧的播放器控制
精巧的播放器控制

Android

Android 的原生 SDK 會檢查裝置螢幕大小,以設定播放程式控制項配置。

  • 當寬度是480dp或更高,使用單行佈局。
  • 當寬度小於480dp,使用兩行緊湊的佈局。

要了解有關密度獨立像素(dp)的更多信息,請參見Android 支持不同的像素密度文件。

iOS

iOS 的原生 SDK 會檢查裝置螢幕大小,以設定播放程式控制項配置。

  • 當寬度是450px或更高,使用單行佈局。
  • 當寬度小於450px,使用兩行緊湊的佈局。

播放模式

您的玩家在整個生命週期中可能包含不同類型的內容,每個內容都需要特定的使用者介面配置。Brightcove 原生播放器控制項包含邏輯,可自動判斷內容類型是 VOD、Live 或 Live DVR,並相應地調整使用者介面,即使在整個變更內容類型的播放清單中也是如此!

隨選視訊 (VOD)

佔大多數播放體驗的播放體驗,VOD 介面是所有播放器 UI 設計的根源。

捲動瀏覽以下圖片,以查看布萊特灣玩家控制項。請注意,當檢視器的寬度很小時,控制項會切換為兩行、精簡的配置:

 

  • 安卓控制
  • 安卓輕巧的控制
  • 隱藏式字幕按鈕
  • iOS 控制項
  • iOS 緊湊型控制項

布萊特灣玩家控制的顯著功能包括:

  • 播放/暫停按鈕
    • 播放和暫停內容
  • 「跳回」按鈕
    • 按下時,會導致內容返回 10 秒。
  • 增強型搜尋列
    • 以粉紅色顯示播放內容
    • 以淺灰色緩衝顯示內容
    • 支援標記用於廣告或其他用途 (Android)
  • 隱藏式字幕按鈕
    • 只有在偵測到字幕時才會顯示。選取此按鈕會開啟隱藏式字幕設定功能表。
  • 全螢幕按鈕
    • 允許檢視器進入全螢幕或返回內嵌播放
  • 空中播放按鈕(僅適用於 iOS)
    • 只有在偵測到 Airplay 裝置時才會顯示。此功能可讓觀眾設定 Airplay 串流。

生活

即時 UI 會隱藏使用者無法參與的某些元素。刪除的元素包括跳轉後退按鈕和搜索欄。但是,新增「LIVE」標籤,綠色表示正在觀看的內容是即時的時候。

iOS 直播影片
iOS 直播影片

直播 DVR

Live DVR 格式提供與 VOD 版面配置相同的功能,另外還有一個額外的即時標籤,當內容正在播放時會變成綠色,觀眾觀看較舊的內容時則呈灰色。此外,即時標籤作為一個按鈕,可隨時按下以回溯最近的實況時刻。

iOS DVR 直播影片
iOS DVR 直播影片

客制化

想要變更顏色或外觀以符合應用程式的顏色主題嗎?沒問題布萊特灣原生玩家控制的設計可輕鬆自訂。以下是您可以自訂控制項的一些方式:

  • 交換顏色並使用您自己的自訂按鈕來建立個人化的主題。Android 版本的原生 SDK 允許您輕鬆包含/排除各種常見按鈕。在這裡,控制按鈕已更改為橙色,並且搜索欄具有自定義圖像。
    安卓自訂控制項
    安卓自訂控制項
  • 雖然 iOS 版原生 SDK 也可讓您從一組常用按鈕和版面配置中進行選擇,但您也可以建立自己的自訂版面配置。這裡是一個自定義佈局的一個例子。
    iOS 自訂控制項
    iOS 自訂控制項
  • 或者,您也可以移除按鈕來建立簡單乾淨的版面配置。
    iOS 簡單控制項
    iOS 簡單控制項

快進和快退按鈕

Brightcove Native SDK 允許您向播放器控件添加快進和快退按鈕。

Android

要創建您自己的自定義媒體控制器,您可以使用預定義的 ID。

有關實施詳情,請參閱以下內容:

iOS

SDK 在默認佈局中包含一個跳回按鈕。您還可以通過創建自己的佈局來添加自己的向前跳轉按鈕。

對於自定義按鈕,您可以在播放控制器上執行搜索。要確定您要查找的位置,請獲取當前時間,加上/減去 10 秒(例如),然後使用該值。

有關實施詳情,請參閱以下內容:

輔助功能

使用者介面的標準部分是開箱即用的無障礙功能,無需額外設定。

聽力障礙

Brightcove 原生播放器控制功能將隱藏式字幕按鈕整合到每個版面中,以確保當有字幕時,可以輕鬆自訂字幕觀賞體驗。有關使用SDK的隱藏式字幕的更多信息,請參見我們的視頻格式和字幕部分。

視力障礙

Android

即將推出!

iOS

即將推出!