在應用程式中新增播放控制項

播放媒體的應用程式需要使用者介面元件，用於顯示媒體和控制播放作業。Media3 程式庫包含 UI 模組，其中包含多個 UI 元件。如要依附 UI 模組，請新增下列依附元件：

Kotlin

implementation("androidx.media3:media3-ui:1.4.1")

Groovy

implementation "androidx.media3:media3-ui:1.4.1"

其中最重要的元件是 PlayerView，這是用於媒體播放的檢視畫面。PlayerView 會在播放期間顯示影片、圖片、字幕和專輯封面，以及播放控制項。

PlayerView 提供 setPlayer 方法，可用於附加和解除連結 (透過傳遞 null) 播放器例項。

PlayerView

PlayerView 可用於影片、圖片和音訊播放。它會在影片播放時轉譯影片和字幕，播放圖片的點陣圖，還可顯示圖片做為音訊檔案的中繼資料。如同任何其他 UI 元件，您可以將其加入版面配置檔案中。舉例來說，您可以透過以下 XML 加入 PlayerView：

<androidx.media3.ui.PlayerView
    android:id="@+id/player_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:show_buffering="when_playing"
    app:show_shuffle_button="true"/>

以上程式碼片段說明 PlayerView 提供多個屬性。這些屬性可用於自訂檢視畫面的行為，以及外觀和風格。這些屬性大多都有對應的 setter 方法，可用於在執行階段自訂檢視畫面。PlayerView Javadoc 會更詳細列出這些屬性和 setter 方法。

在版面配置檔案中宣告檢視區塊後，即可在活動的 onCreate 方法中查詢：

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  // ...
  playerView = findViewById(R.id.player_view)
}

Java

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  // ...
  playerView = findViewById(R.id.player_view);
}

當玩家已完成初始化時，您可以呼叫 setPlayer 將其附加至檢視區塊：

Kotlin

// Instantiate the player.
val player = ExoPlayer.Builder(context).build()
// Attach player to the view.
playerView.player = player
// Set the media item to be played.
player.setMediaItem(mediaItem)
// Prepare the player.
player.prepare()

Java

// Instantiate the player.
player = new ExoPlayer.Builder(context).build();
// Attach player to the view.
playerView.setPlayer(player);
// Set the media item to be played.
player.setMediaItem(mediaItem);
// Prepare the player.
player.prepare();

選擇表面類型

PlayerView 的 surface_type 屬性可讓您設定用於影片播放的介面類型。除了 spherical_gl_surface_view (這是球面影片播放的特殊值) 和 video_decoder_gl_surface_view (用於使用擴充功能轉譯器進行影片轉譯) 之外，允許使用的值為 surface_view、texture_view 和 none。如果檢視畫面僅用於音訊播放，請使用 none，避免建立途徑，因為這項操作可能會耗費大量資源。

如果要為一般影片播放評分，則應使用 surface_view 或 texture_view。SurfaceView 在影片播放方面比 TextureView 更具優勢：

  • 在許多裝置上降低耗電量。
  • 更準確的影格時間，可讓影片播放更流暢。
  • 在支援的裝置上支援更高品質的 HDR 影片輸出。
  • 播放受 DRM 保護的內容時，支援安全輸出功能。
  • 在 Android TV 裝置上以 UI 層升級功能，以顯示器的完整解析度算繪影片內容。

因此，請盡可能使用 SurfaceView 而非 TextureView。只有在 SurfaceView 無法滿足需求時，才應使用 TextureView。例如，在 Android 7.0 (API 級別 24) 以下版本中，必須採用流暢的動畫或捲動影片介面，例如如下所述。在這個情況下，建議您只有在 SDK_INT小於 24 (Android 7.0) 和 SurfaceView 的情況下才使用 TextureView。

Android TV 上的方向鍵導覽

Android TV 的遙控器設有 D-pad 控制項，可傳送指令，並以按鍵事件傳送至 Activity 的 dispatchKeyEvent(KeyEvent)。以下項目需要委派給播放器檢視畫面：

Kotlin

override fun dispatchKeyEvent(event: KeyEvent?): Boolean{
  return playerView.dispatchKeyEvent(event!!) || super.dispatchKeyEvent(event)
}

Java

@Override
public boolean dispatchKeyEvent(KeyEvent event) {
  return playerView.dispatchKeyEvent(event) || super.dispatchKeyEvent(event);
}

請注意，為播放器檢視畫面要求焦點，對於瀏覽播放控制項和略過廣告至關重要。建議您在 Activity 的 onCreate 中要求焦點：

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  // ...
  playerView.requestFocus()
  // ...
}

Java

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // ...
    playerView.requestFocus();
    // ...
}

如果在 Android TV 上使用 Compose，就必須將 AndroidView 設為可聚焦，並視情況將修飾符參數傳遞至 AndroidView 來委派事件：

AndroidView(
  modifier = modifier
    .focusable()
    .onKeyEvent { playerView.dispatchKeyEvent(it.nativeKeyEvent) },
  factory = { playerView }
)

覆寫可繪項目

PlayerView 會使用 PlayerControlView 顯示播放控制項和進度列。PlayerControlView 使用的可繪項目可由應用程式中定義的相同名稱可繪項目覆寫。如要查看可覆寫的控制項可繪項目清單，請參閱 PlayerControlView Javadoc。

進一步自訂

如果需要進行上述以外的客製化設定，我們建議應用程式開發人員實作自己的 UI 元件，而非使用 Media3 的 UI 模組提供的元件。