Как воспроизводить видео в полноэкранном режиме в ландшафте с использованием экзопланера

Я использую exoplayer для воспроизведения видео с url в приложении для Android. В портрете все работает так, как ожидалось (используя просмотрщик, фрагменты и вкладки внутри действия). Моя цель - воспроизвести видео в полноэкранном режиме, когда пользователь находится в ландшафте. Это означает, что только видео будет воспроизводиться в ландшафте, а все остальные детали исчезнут и вернутся к исходной компоновке при портретной ориентации. Как я могу достичь этого, пожалуйста? или что это лучший способ достичь этого? любой образец кода будет оценен.

Video to be play when portrait

Ответ 1

Я noob, так что это лучшее, что я могу вам помочь, btw Я тестировал это в демонстрационном приложении Exoplayer, я изменил высоту exoplayer до 600 пикселей, и я применил этот код, и он отлично работал.

добавьте этот код для определения ориентации экрана

  @Override
  public void onConfigurationChanged(Configuration newConfig) {
  super.onConfigurationChanged(newConfig);

  // Checking the orientation of the screen
  if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
     //First Hide other objects (listview or recyclerview), better hide them using Gone.
     FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) simpleExoPlayerView.getLayoutParams();
     params.width=params.MATCH_PARENT;
     params.height=params.MATCH_PARENT;
     simpleExoPlayerView.setLayoutParams(params);
  } else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT){
     //unhide your objects here.
     FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) simpleExoPlayerView.getLayoutParams();
     params.width=params.MATCH_PARENT;
     params.height=600;
     simpleExoPlayerView.setLayoutParams(params);
  }
}

Кстати, если вы не используете FrameLayout, но RelativeLayout

      RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) simpleExoPlayerView.getLayoutParams();

Я забыл, что вам нужно скрыть действие или строку заголовка, надеюсь, что этот код поможет, добавьте эти коды в код выше, также я думаю, вам нужно будет расширить свою активность до AppCompatActivity для использования кода getSupportActionBar.

if(getSupportActionBar()!=null) {
   getSupportActionBar().hide();
}
//To show the action bar
if(getSupportActionBar()!=null) {
   getSupportActionBar().show();
 }

также это может помочь установить весь проект в полноэкранном режиме, чтобы скрыть строку состояния.etc, необходимо добавить внутри onConfigurationChanged на основе ориентации экрана.

В LandScape

ExoPlayerActivity.this.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN || View.SYSTEM_UI_FLAG_IMMERSIVE);

Чтобы выйти из полноэкранного режима в ПОРТРЕТЕ

ExoPlayerActivity.this.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

Я редактировал код, я добавил View.SYSTEM_UI_FLAG_IMMERSIVE, чтобы предотвратить отображение строки состояния при нажатии пользователем кнопки управления в видео.

Ответ 2

Вы можете проверить ориентацию при установке проигрывателя и соответственно установить параметры:

if (getActivity().getResources().getConfiguration().orientation == 
Configuration.ORIENTATION_LANDSCAPE) {
        params = (LinearLayout.LayoutParams) 
exoPlayerView.getLayoutParams();
        params.width = params.MATCH_PARENT;
        params.height = params.MATCH_PARENT;
        exoPlayerView.setLayoutParams(params);
    }

И скройте панель действий:

((AppCompatActivity) getActivity()).getSupportActionBar().hide();

Ответ 3

Мое решение с привязкой данных:

layout.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">

<data>
    <import type="android.view.View" />
    <variable
        name="orientationLandscape"
        type="boolean" />

    <variable
        name="step"
        type="com.udacity.zeban.baking.data.models.Step" />
</data>

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.exoplayer2.ui.SimpleExoPlayerView
        android:id="@+id/step_video"
        android:layout_width="match_parent"
        android:layout_height="@dimen/player_height"
        app:layout_constraintBottom_toTopOf="@+id/scroll"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_height="@{orientationLandscape}" />

    <ScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/step_video">

        <android.support.v7.widget.CardView
            android:id="@+id/description"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/spacing_small"
            android:visibility="@{orientationLandscape ? View.GONE : View.VISIBLE}">

            <TextView
                android:id="@+id/step_description"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/spacing_small"
                android:text="@{step.getDescription()}"
                tools:text="@tools:sample/lorem/random" />

        </android.support.v7.widget.CardView>
    </ScrollView>
</android.support.constraint.ConstraintLayout>

и добавьте это в свой файл или фрагмент:

@BindingAdapter("layout_height")
public static void setLayoutHeight(View view, boolean orientationLandscape) {
    view.getLayoutParams().height = orientationLandscape ? RelativeLayout.LayoutParams.MATCH_PARENT : 600;
}

@Override
public void onResume() {
    super.onResume();
    binding.setOrientationLandscape(getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE);
}

Мой проект здесь

Ответ 4

Для экранов с аппаратными кнопками Если никакие другие представления не разделяют экран с PlayerView из ExoPlayer, он по умолчанию заполняет весь экран. Однако для устройств с виртуальными кнопками на экране он не заполняет весь экран. в моем случае проблемы исправлены добавлением этой строки в PlayerView.

ads:resize_mode="fill"

поскольку у меня есть рекламные объявления в макете активности, я добавил эту строку в верхний тег RelativeLayout.

xmlns:ads="http://schemas.android.com/apk/res-auto"

Я знаю, что это не имеет смысла, однако использование android:resize_mode="fill" даст вам ошибку построения градиента.

также вы можете удалить системный интерфейс для еще большего пространства:

    @Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if (hasFocus) {
        hideSystemUI();
    }
}

private void hideSystemUI() {
    // Enables  "lean back" mode
    // Or for "sticky immersive," replace it with SYSTEM_UI_FLAG_IMMERSIVE_STICKY
    View decorView = getWindow().getDecorView();
    decorView.setSystemUiVisibility(
            // Hide the nav bar and status bar
            View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_FULLSCREEN);

}

для получения дополнительной информации посетите страницу разработчика Android https://developer.android.com/training/system-ui/immersive

Ответ 5

Обязательно установите длину и ширину вида проигрывателя, чтобы он соответствовал его родителю, в альбомном режиме.

  1. Используйте это, чтобы скрыть строку состояния: getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

  2. Используйте это, чтобы скрыть панель навигации: getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);

Ответ 6

Я думаю, что мы упускаем более очевидный ответ здесь. Просто создайте новый файл макета в каталоге layout-land чтобы новый файл макета был применен, когда вы находитесь в ландшафтном режиме.

В этом новом файле макета просто измените свой ExoPlayer layout_height на match_parent чтобы он match_parent весь экран.

Ответ 7

Оформить документацию по методу exoPlayerView Resize здесь

    exoPlayerView.setResizeMode(AspectRatioFrameLayout.RESIZE_MODE_FILL);
    exoPlayerView.setPlayer(exoPlayer);

Это исправило мой случай. Я надеюсь, что это сработает и для вас.

Ответ 8

Вы можете сделать диалог для ландшафтного режима, сначала инициализировать диалог,

private void initFullscreenDialog() {
    mFullScreenDialog = new Dialog(mContext, android.R.style.Theme_Black_NoTitleBar_Fullscreen) {
        public void onBackPressed() {
            if (mExoPlayerFullscreen) {    //mExoPlayerFullscreen is a boolean to check if it is already fullscreen or not
                closeFullscreenDialog();
            }
            super.onBackPressed();
        }
    };
}

Теперь, как показано ниже, вы инициализируете свою полноэкранную кнопку: -

mFullScreenButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (!mExoPlayerFullscreen) {
                ((Activity) mContext).setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE);
                openFullscreenDialog();
            } else {
                ((Activity) mContext).setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR_PORTRAIT);
                closeFullscreenDialog();
            }
        }
    });

затем вы можете открыть и закрыть полноэкранный режим следующим образом:

private void openFullscreenDialog() {
    ((ViewGroup) playerView.getParent()).removeView(playerView);
    mFullScreenDialog.addContentView(playerView, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    mFullScreenIcon.setImageResource(R.drawable.ic_exit_fullscreen);
    mExoPlayerFullscreen = true;
    mFullScreenDialog.show();
}

private void closeFullscreenDialog() {
    ((ViewGroup) playerView.getParent()).removeView(playerView);
    ((FrameLayout) findViewById(R.id.main_media_frame)).addView(playerView);
    mExoPlayerFullscreen = false;
    mFullScreenDialog.dismiss();
    mFullScreenIcon.setImageResource(R.drawable.ic_fullscreen);
}

Ответ 9

Я добавил в playerView:

app:resize_mode="fixed_width"

И тогда все работает хорошо