制作视频填充屏幕并保持宽高比 [英] Make video fill screen and keep aspect ratio

问题描述

接受Java和C#(Xamarin.Android)

Java and C# (Xamarin.Android) accepted

• 我有一个MediaRecorder，可将摄像机帧流式传输到TextureView(基本camera2方法)
• TextureView充满了我的屏幕.

我希望视频充满整个屏幕，但要保持宽高比.

I want the video to fill the screen but keep the aspect ratio.

我知道我最终必须剪切视频的左/右或上/下部分，以保持宽高比.

I know I have to eventually cut of either left/right or top/bottom parts of the video, to keep the aspect ratio.

如何使视频适合TextureView并放大"，直到整个屏幕都满了?我不希望为了保持比率而妥协的黑条".

How can I make the video fit the TextureView and "zoom in" until the whole screen is filled? I don't want "black bars" that compromise for the ratio to be kept.

我想这必须通过重写TextureView的OnMeasure来实现

I guess this has to be accomplished through overriding the OnMeasure of the TextureView

C#扩展的TextureView

//Called by my MediaRecorder Implementation, when I set the video dimensions (mostly width = 1280, height = 720)
public void SetAspectRatio(int width, int height)
        {
            if (width == 0 || height == 0)
                throw new ArgumentException("Size cannot be negative.");
            mRatioWidth = width;
            mRatioHeight = height;
            RequestLayout();
        }

        protected override void OnMeasure(int widthMeasureSpec, int heightMeasureSpec)
        {
            base.OnMeasure(widthMeasureSpec, heightMeasureSpec);
            int width = MeasureSpec.GetSize(widthMeasureSpec);
            int height = MeasureSpec.GetSize(heightMeasureSpec);
            if (0 == mRatioWidth || 0 == mRatioHeight)
            {
                SetMeasuredDimension(width, height);
            }
            else
            {
                if (width > (float)height * mRatioWidth / (float)mRatioHeight)
                {
                    SetMeasuredDimension(width, width * mRatioHeight / mRatioWidth);
                }
                else
                {
                    SetMeasuredDimension(height * mRatioWidth / mRatioHeight, height);
                }
            }
        }

推荐答案

由于这篇文章.

C#Xamarin.Android:

当我的表面纹理大小改变时(SurfaceTextureListener中的OnSurfaceSizeTextureChanged回调)，我调用以下方法

I call the following method when my surface texture size changes (OnSurfaceSizeTextureChanged callback in SurfaceTextureListener)

public void ConfigureTransform(int viewWidth, int viewHeight)
{
    int rotation = (int)ThisActivity.WindowManager.DefaultDisplay.Rotation;
    var matrix = new Matrix();
    var viewRect = new RectF(0, 0, viewWidth, viewHeight);
    var bufferRect = new RectF(0, 0, previewSize.Height, previewSize.Width);
    float centerX = viewRect.CenterX();
    float centerY = viewRect.CenterY();

    //Set the scale accordingly, to have the preview texture view fill the whole screen with cutting of the least amount of the preview as possible 
    //(but this way we keep the aspect ratio -> no preview distortion)
    bool isLandscape = ((int)SurfaceOrientation.Rotation90 == rotation || (int)SurfaceOrientation.Rotation270 == rotation);
    float scale;

    if (isLandscape)
    {
        scale = System.Math.Max(
            (float)viewWidth / previewSize.Height,
            (float)viewWidth / previewSize.Width);
    }
    else
    {
         scale = System.Math.Max(
            (float)viewHeight / previewSize.Height,
            (float)viewHeight / previewSize.Width);
    }


    if ((int)SurfaceOrientation.Rotation90 == rotation || (int)SurfaceOrientation.Rotation270 == rotation || (int)SurfaceOrientation.Rotation180 == rotation)
    {
        bufferRect.Offset((centerX - bufferRect.CenterX()), (centerY - bufferRect.CenterY()));
        matrix.SetRectToRect(viewRect, bufferRect, Matrix.ScaleToFit.Fill);
        matrix.PostScale(scale, scale, centerX, centerY);

        //Small check if orientation is Reverse Portrait -> dont substract 2 from rotation, otherwise the preview is flipped by 180°
        if ((int)SurfaceOrientation.Rotation180 == rotation)
            matrix.PostRotate(90 * rotation, centerX, centerY);
        else
            matrix.PostRotate(90 * (rotation - 2), centerX, centerY);
    }
    TextureView.SetTransform(matrix);
}

这篇关于制作视频填充屏幕并保持宽高比的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！