android视频适配与裁剪

首先说下基本背景, 当咱们使用android系统原生的VideoView播放视频时, 在XML中给它设置的一个尺寸, 但最终视频开始播放后, VideoView实际的尺寸可能并非这个尺寸设置的大小. VideoView在测量自身的尺寸时会依据视频的真实尺寸来调整本身的大小, 遵循如下规则:

1. 实际视频在VideoView上播放时全部部分都是可见的,或缩小或放大, 总之必定要所有显示出来,不会裁剪实际视频.

2. 尽可能保持实际视频的长宽比例, 具体是首先以咱们用户定义的长度为标准, 等比例缩放视频大小, 直到长度达到咱们定义的长度, 而后宽度(等比例缩放后的宽度)与咱们定义的宽比较, 大于则以咱们定义的宽度为准, 这样视频会在竖直方向上压缩, 最终播放时也就不会成比例了; 小于则它以视频缩放后的宽度为准, 这样它会比咱们定义的高度小,最终播放的效果是等比例的.

最近开发有以下需求:

视频等比例放大,直至一边铺满VideoView(或屏幕)的某一边,另外一边超出View的另外一边,再移动到View的正中央,这样长边两边会被裁剪掉一样大小的区域,视频看起来不会变形,也便是:先把视频区(实际的大小显示区)与View(定义的大小)区的两个中心点重合, 而后等比例放大或缩小视频区,直至一条边与View的一条边相等,另外一条边超过View的另外一条边,这时再裁剪掉超出的边, 使视频区与View区大小同样. 这样在不一样尺寸的手机上,视频看起来不会变形,只是水平或竖直方向的两端被裁剪了一些.

以上需求用系统的VideoView是没法达到的,因此要自定义VideoView.

最终咱们扩展TextureView来自定义一个TextureVideoView, 并应用Matrix进行缩放, 也便是要求出变换的Matrix, 主要按如下步骤来便可求出变换矩阵, 这里直接贴出代码:

//需求:视频等比例放大,直至一边铺满View的某一边,另外一边超出View的另外一边,再移动到View的正中央,这样长边两边会被裁剪掉一样大小的区域,视频看起来不会变形
    //也便是:先把视频区(实际的大小显示区)与View(定义的大小)区的两个中心点重合, 而后等比例放大或缩小视频区,直至一条边与View的一条边相等,另外一条边超过
    //View的另外一条边,这时再裁剪掉超出的边, 使视频区与View区大小同样. 这样在不一样尺寸的手机上,视频看起来不会变形,只是水平或竖直方向的两端被裁剪了一些.
    private void transformVideo(int videoWidth, int videoHeight) {
        if (getHeight() == 0 || getWidth() == 0) {
            Log.d(TAG, "transformVideo, getHeight=" + getHeight() + "," + "getWidth=" + getWidth());
            return;
        }
        float sx = (float) getWidth() / (float) videoWidth;
        float sy = (float) getHeight() / (float) videoHeight;
        Log.d(TAG, "transformVideo, sx=" + sx);
        Log.d(TAG, "transformVideo, sy=" + sy);

        float maxScale = Math.max(sx, sy);
        if (this.matrix == null) {
            matrix = new Matrix();
        } else {
            matrix.reset();
        }

        //第2步:把视频区移动到View区,使二者中心点重合.
        matrix.preTranslate((getWidth() - videoWidth) / 2, (getHeight() - videoHeight) / 2);

        //第1步:由于默认视频是fitXY的形式显示的,因此首先要缩放还原回来.
        matrix.preScale(videoWidth / (float) getWidth(), videoHeight / (float) getHeight());

        //第3步,等比例放大或缩小,直到视频区的一边超过View一边, 另外一边与View的另外一边相等. 由于超过的部分超出了View的范围,因此是不会显示的,至关于裁剪了.
        matrix.postScale(maxScale, maxScale, getWidth() / 2, getResizedHeight() / 2);//后两个参数坐标是以整个View的坐标系以参考的

        Log.d(TAG, "transformVideo, maxScale=" + maxScale);

        setTransform(matrix);
        postInvalidate();
        Log.d(TAG, "transformVideo, videoWidth=" + videoWidth + "," + "videoHeight=" + videoHeight);
    }

而后在OnVideoSizeChangedListener里面监听获取到了视频的实际尺寸后调用以上方法便可.

完整项目代码: https://github.com/linsea/MatrixScale