如何在Android录制视频时绘制视频，并保存视频和绘图？

Question

我正在尝试开发一个应用程序，允许我在录制视频时绘制视频，然后将录制的视频和视频保存在一个mp4文件中供以后使用。另外，我想使用camera2库，特别是我需要我的应用程序在高于API 21的设备上运行，我总是避免使用不推荐的库。

我尝试了很多方法，包括FFmpeg，其中我放置了TextureView的覆盖层。getBitmap（）（来自摄影机）和从画布获取的位图。它工作正常，但由于它的功能很慢，视频无法捕捉到足够的帧（甚至不到25 fps），而且运行速度很快。我希望音频也包括在内。

我想到了MediaProject库，但我不确定它是否能捕捉到包含相机和绘图的布局，只在它的VirtualDisplay中，因为应用程序用户也可以在视频上添加文本，我不希望键盘出现。

请帮帮忙，这是一个星期的研究，我发现没有什么适合我的。

附言：如果在用户按下“停止录制”按钮后包含一点处理时间，我没有问题。

编辑：

现在在艾迪的回答之后，我正在使用shadercam应用程序在相机表面绘制，因为该应用程序进行视频渲染，要做的变通方法是将我的画布渲染成位图，然后渲染成GL纹理，但是我不能这样做它成功了。我需要你们的帮助，伙计们，我需要完成这个应用程序： S

我正在使用shadercam库(https://github.com/googlecreativelab/shadercam)，我将“ExampleRenderer”文件替换为以下代码：

public class WriteDrawRenderer extends CameraRenderer
{
    private float offsetR = 1f;
    private float offsetG = 1f;
    private float offsetB = 1f;

    private float touchX = 1000000000;
    private float touchY = 1000000000;

    private  Bitmap textBitmap;

    private int textureId;

    private boolean isFirstTime = true;

    //creates a new canvas that will draw into a bitmap instead of rendering into the screen
    private Canvas bitmapCanvas;

    /**
     * By not modifying anything, our default shaders will be used in the assets folder of shadercam.
     *
     * Base all shaders off those, since there are some default uniforms/textures that will
     * be passed every time for the camera coordinates and texture coordinates
     */
    public WriteDrawRenderer(Context context, SurfaceTexture previewSurface, int width, int height)
    {
        super(context, previewSurface, width, height, "touchcolor.frag.glsl", "touchcolor.vert.glsl");
        //other setup if need be done here


    }

    /**
     * we override {@link #setUniformsAndAttribs()} and make sure to call the super so we can add
     * our own uniforms to our shaders here. CameraRenderer handles the rest for us automatically
     */
    @Override
    protected void setUniformsAndAttribs()
    {
        super.setUniformsAndAttribs();

        int offsetRLoc = GLES20.glGetUniformLocation(mCameraShaderProgram, "offsetR");
        int offsetGLoc = GLES20.glGetUniformLocation(mCameraShaderProgram, "offsetG");
        int offsetBLoc = GLES20.glGetUniformLocation(mCameraShaderProgram, "offsetB");

        GLES20.glUniform1f(offsetRLoc, offsetR);
        GLES20.glUniform1f(offsetGLoc, offsetG);
        GLES20.glUniform1f(offsetBLoc, offsetB);

        if (touchX < 1000000000 && touchY < 1000000000)
        {
            //creates a Paint object
            Paint yellowPaint = new Paint();
            //makes it yellow
            yellowPaint.setColor(Color.YELLOW);
            //sets the anti-aliasing for texts
            yellowPaint.setAntiAlias(true);
            yellowPaint.setTextSize(70);

            if (isFirstTime)
            {
                textBitmap = Bitmap.createBitmap(mSurfaceWidth, mSurfaceHeight, Bitmap.Config.ARGB_8888);
                bitmapCanvas = new Canvas(textBitmap);
            }

            bitmapCanvas.drawText("Test Text", touchX, touchY, yellowPaint);

            if (isFirstTime)
            {
                textureId = addTexture(textBitmap, "textBitmap");
                isFirstTime = false;
            }
            else
            {
                updateTexture(textureId, textBitmap);
            }

            touchX = 1000000000;
            touchY = 1000000000;
        }
    }

    /**
     * take touch points on that textureview and turn them into multipliers for the color channels
     * of our shader, simple, yet effective way to illustrate how easy it is to integrate app
     * interaction into our glsl shaders
     * @param rawX raw x on screen
     * @param rawY raw y on screen
     */
    public void setTouchPoint(float rawX, float rawY)
    {
        this.touchX = rawX;
        this.touchY = rawY;
    }
}

请帮助大家，已经一个月了，我仍然坚持使用同一个应用程序，对opengl一无所知。两周后，我尝试将此项目用于我的应用程序，但视频中没有呈现任何内容。

提前谢谢！

Answer 1

这里有一个大概的大纲，应该是可行的，但这是相当多的工作：

1. 设置一个android。媒体用于录制视频和音频的MediaRecorder