Начало работы с пользовательским интерфейсом на основе представлений

Добавить зависимость

Котлин

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

Круто

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

PlayerView

Самый важный компонент — PlayerView , представление для воспроизведения медиафайлов. PlayerView отображает видео, изображения, субтитры и обложки альбомов во время воспроизведения, а также элементы управления воспроизведением.

PlayerView имеет метод setPlayer() для присоединения и отсоединения (путем передачи null ) экземпляров Player .

PlayerView можно использовать для воспроизведения видео, изображений и аудио. Он отображает видео и субтитры при воспроизведении видео, растровые изображения при воспроизведении изображений и может отображать графические объекты, включённые в метаданные аудиофайлов. Вы можете включить его в файлы макета, как и любой другой компонент пользовательского интерфейса. Например, PlayerView можно включить в следующий XML-код:

<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 предоставляет несколько атрибутов. Эти атрибуты можно использовать для настройки поведения представления, а также его внешнего вида. Большинству этих атрибутов соответствуют методы-сеттеры, которые можно использовать для настройки представления во время выполнения. Более подробно эти атрибуты и методы-сеттеры перечислены в документации PlayerView .

Для более комфортного использования попробуйте добавить атрибут keepScreenOn Android или настроить блокировку пробуждения , если вы используете ExoPlayer. Вы можете изучить другие действия, которые поддерживают устройство в активном состоянии на рабочих страницах в фоновом режиме .

android:keepScreenOn="true"

После того, как представление объявлено в файле макета, его можно найти в методе onCreate действия:

Котлин

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

Ява

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

После инициализации проигрывателя его можно прикрепить к представлению, вызвав setPlayer :

Котлин

// 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()

Ява

// 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_type объекта PlayerView позволяет задать тип поверхности, используемой для воспроизведения видео. Допустимые значения: surface_view , texture_view , spherical_gl_surface_view (специальное значение для воспроизведения сферического видео), video_decoder_gl_surface_view (для рендеринга видео с помощью дополнительных рендереров) и none (только для воспроизведения звука). Подробнее о выборе типа поверхности см. на странице «Поверхность» .