Views（视图）界面入门

添加依赖项

Kotlin

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

Groovy

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

PlayerView

最重要的组件是 PlayerView，一个用于媒体播放的视图。PlayerView 在播放期间会显示视频、图像、字幕和专辑封面，以及播放控件。

PlayerView 有一个 setPlayer() 方法，用于附加和分离（通过传递 null）Player 实例。

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 文档详细列出了这些属性和 setter 方法。

为了获得更舒适的用户体验，如果您使用的是 ExoPlayer，请考虑添加 Android 的 keepScreenOn 属性或设置唤醒锁。您可以在后台工作页面中查看其他可让设备保持唤醒状态的操作。

android:keepScreenOn="true"

在布局文件中声明视图后，可以在 Activity 的 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();

PlayerControlView

PlayerControlView 是 PlayerView 的子视图之一，其中包含进度条和用于控制播放的按钮。请注意，PlayerControlView 不应作为独立组件在 PlayerView 之外使用。您可以通过设置 PlayerView 的属性（这些属性会传递给 PlayerControlView）或通过 android:id="@id/exo_controller 提供自定义控制器来对其进行自定义。

选择 Surface 类型

PlayerView 的 surface_type 属性可用于设置用于视频播放的 Surface 类型。允许的值包括 surface_view、texture_view、spherical_gl_surface_view（这是用于球形视频播放的特殊值）、video_decoder_gl_surface_view（用于使用扩展渲染器渲染视频）以及 none（仅用于音频播放）。如需了解选择哪种 Surface 类型，请参阅Surface 页面。