自定义Android视频播放器 - 切换横竖屏

最新推荐文章于 2024-08-04 03:27:53 发布

JohanMan

最新推荐文章于 2024-08-04 03:27:53 发布

阅读量3.8k

点赞数 2

分类专栏： Android 视频播放器文章标签： Android 视频播放器切换横竖屏

本文链接：https://blog.csdn.net/johanman/article/details/79653009

版权

Android 同时被 2 个专栏收录

88 篇文章 2 订阅

订阅专栏

视频播放器

6 篇文章 0 订阅

订阅专栏

前一篇自定义了SurfaceView，然后尝试横屏显示，虽然视频适配方面没有问题，但是没有占满整个屏幕。

我分析了一下一般的视频播放器，发现：

竖屏播放视频，播放器的宽度占满手机屏幕的宽度，播放器的高度根据视频大小决定，有可能超过屏幕的高度。
横屏播放视频，播放器的高度占满手机屏幕的宽度，播放器的宽度根据视频大小决定，有可能超过屏幕的高度。

根据以上两点，对自定义SurfaceView测量方法做了修改：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 如果videoWidth或videoHeight为0 不用做调整
    if (videoWidth <= 0 || videoHeight <= 0) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        return;
    }
    int width = 0;
    int height = 0;
    // 分情况设置View的大小
    // 观看方式：竖屏观看和横屏观看
    if (screenOrientation == ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) {
        // 竖屏观看
        width = screenWidth;
        height = width * videoHeight / videoWidth;
        // View的高度可能超过屏幕的高度 需要做处理
    } else if (screenOrientation == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) {
        // 横屏观看
        height = screenWidth;
        width = height * videoWidth / videoHeight;
        // View的宽度可能超过屏幕的高度 需要做处理
    }
    // 设置大小
    setMeasuredDimension(width, height);
}

当竖屏看高屏视频（视频的高度>视频的宽度）时，或者横屏看宽屏视频（视频的高度<视频的宽度）时，按照视频的比例可能会导致超过屏幕的宽或者高，所以我们要做一些处理。

处理的方式有3种：

做适屏处理。（竖屏）如果View的高度超过屏幕的高度，那么把View的高度设为屏幕的高度，然后按照视频尺寸的比例，缩小View的宽度；（横屏）如果View的宽度超过屏幕的高度，那么把View的宽度设为屏幕的高度，然后按照视频尺寸的比例，缩小View的高度。
做全屏处理。（竖屏）如果View的高度超过屏幕的高度，那么把View的高度设为屏幕的高度，但是View的宽度不做任何处理，可能会导致观看的视频变形。（横屏）如果View的宽度超过屏幕的高度，那么把View的宽度设为屏幕的高度，但是View的高度不做任何处理，也可能会导致观看的视频变形。
做全屏处理，但是和上面的情况不一样。无论View的高度还是宽度超过屏幕的高度，都不做任何处理，相当于多余的部分就不显示了，就是所谓的裁剪。

根据以上3种处理方式，对自定义SurfaceView测量方法再次改进：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 如果videoWidth或videoHeight为0 不用做调整
    if (videoWidth <= 0 || videoHeight <= 0) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        return;
    }
    int width = 0;
    int height = 0;
    // 分情况设置View的大小
    // 观看方式：竖屏观看和横屏观看
    if (screenOrientation == ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) {
        // 竖屏观看
        width = screenWidth;
        height = width * videoHeight / videoWidth;
        // 竖屏观看竖屏视频(videoWidth < videoHeight)才需要做调整
        if (videoWidth < videoHeight) {
            switch (mode) {
                case MODE_WRAP_CONTENT :
                    // 高度超过屏幕的高度 高度等于屏幕高度 宽度减少 比例保持视频比例
                    if (height > screenHeight) {
                        height = screenHeight;
                        width = height * videoWidth / videoHeight;
                    }
                    break;
                case MODE_FILL_PARENT :
                    // 高度超过屏幕的高度 高度等于屏幕高度 宽度不减少 可能会导致变形
                    if (height > screenHeight) {
                        height = screenHeight;
                    }
                    break;
                case MODE_FIT_PARENT :
                    // 无论高度是否超过屏幕的高度 不做任何处理 超过的会被裁剪
                default :
                    break;
            }
        }
    } else if (screenOrientation == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) {
        // 横屏观看
        height = screenWidth;
        width = height * videoWidth / videoHeight;
        // 横屏观看横屏视频(videoWidth > videoHeight)才需要做调整
        if (videoWidth > videoHeight) {
            switch (mode) {
                case MODE_WRAP_CONTENT :
                    // 宽度超过屏幕的高度 宽度等于屏幕高度 高度减少 比例保持视频比例
                    if (width > screenHeight) {
                        width = screenHeight;
                        height = width * videoHeight / videoWidth;
                    }
                    break;
                case MODE_FILL_PARENT :
                    // 宽度超过屏幕的高度 宽度等于屏幕高度 宽高度不减少 可能会导致变形
                    if (width > screenHeight) {
                        width = screenHeight;
                    }
                    break;
                case MODE_FIT_PARENT :
                    // 无论高度是否超过屏幕的高度 不做任何处理 超过的会被裁剪
                default :
                    break;
            }
        }
    }
    // 设置大小
    setMeasuredDimension(width, height);
}

添加一个切换横竖屏时调整大小的方法

/**
 * 调整大小
 * @param screenOrientation
 * ActivityInfo.SCREEN_ORIENTATION_PORTRAIT(竖屏)
 * ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE(横屏)
 */
public void adjustSize(int screenOrientation) {
    // 赋值
    this.screenOrientation = screenOrientation;
    // 重新设置大小
    requestLayout();
}

以上关于自定义SurfaceView的修改到这里，我们看看怎么切换横竖屏。

首先我们需要在VideoSurfaceView（自定义的SurfaceView）加一层Layout，添加切换横竖屏的按钮，放在VideoSurfaceView的上层。考虑到以后添加控制条，需要用一层Layout嵌套VideoSurfaceView。我这里用的是RelativeLayout，布局相对会比较灵活，当VideoSurfaceView适屏时，可以让VideoSurfaceView居中显示。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/video_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <com.johan.video.VideoSurfaceView
            android:id="@+id/surface_view"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_centerInParent="true"
            />
        <TextView
            android:id="@+id/screen_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_margin="15dp"
            android:padding="10dp"
            android:textSize="14sp"
            android:textColor="#ffffff"
            android:text="横屏"
            android:background="#50000000"
            />
    </RelativeLayout>

 ...

</LinearLayout>

我们在activity中切换横竖屏：

public class MainActivity extends AppCompatActivity implements SurfaceHolder.Callback, SeekBar.OnSeekBarChangeListener,
        View.OnClickListener, MediaPlayer.OnPreparedListener, MediaPlayer.OnCompletionListener, MediaPlayer.OnErrorListener,
        MediaPlayer.OnSeekCompleteListener, MediaPlayer.OnVideoSizeChangedListener {

    private RelativeLayout videoLayout;
    private VideoSurfaceView surfaceView;
    private TextView screenButton;

    @Override
    public void onClick(View v) {
        // 切换横竖屏
        if (getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) {
            // 切换为竖屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
            // 清除全屏显示
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
            // 更新切换按钮
            screenButton.setText("横屏");
            // 设置surfaceView外层嵌套Layout的布局参数 高度改为WRAP_CONTENT
            ViewGroup.LayoutParams layoutParams = videoLayout.getLayoutParams();
            layoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT;
            videoLayout.setLayoutParams(layoutParams);
            // 更新surfaceView大小
            surfaceView.adjustSize(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
        } else {
            // 切换为横屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
            // 全屏显示
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
            // 更新切换按钮
            screenButton.setText("竖屏");
            // // 设置surfaceView外层嵌套Layout的布局参数 高度改为MATCH_PARENT 占满整个屏幕
            ViewGroup.LayoutParams layoutParams = videoLayout.getLayoutParams();
            layoutParams.height = ViewGroup.LayoutParams.MATCH_PARENT;
            videoLayout.setLayoutParams(layoutParams);
            // 更新surfaceView大小
            surfaceView.adjustSize(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
        }
    }

}

由于我们切换了屏幕的方向，如果我们不做任何相关处理的话，onCreate会重新调用，所以我们需要在AndroidManifest.xml中，在对应的Activity加入android:configChanges=”keyboardHidden|orientation|screenSize”属性。这点一定要注意！！

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.johan.study">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity"
            android:configChanges="keyboardHidden|orientation|screenSize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

如果有需要的话，可以重写Activity的onConfigurationChanged方法

public class MainActivity extends AppCompatActivity implements SurfaceHolder.Callback, SeekBar.OnSeekBarChangeListener,
        View.OnClickListener, MediaPlayer.OnPreparedListener, MediaPlayer.OnCompletionListener, MediaPlayer.OnErrorListener,
        MediaPlayer.OnSeekCompleteListener, MediaPlayer.OnVideoSizeChangedListener {

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

}