我是靠谱客的博主 贪玩飞鸟,最近开发中收集的这篇文章主要介绍QML用openGL渲染NV12前言一、QOpenGLTexture改动二、Fragment Src三、 渲染其他问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

前言

把之前写在windows的播放器移植到了我的安卓手机,就碰到了QOpenGLWidget需要替换的问题。
知乎、CSDN一搜就有渲染YUV420P的代码,git也有。没打招呼不放链接了。
用的是fbo的那个。主要记录下参数和问题。


一、QOpenGLTexture改动

NV12的UV数据是在一起的,所以texture只要创建两个,一个Y,一个UV。
格式套用RGB,RED放Y,GREEN和BLUE放UV:

	...
	mTexY->setFormat(QOpenGLTexture::R8_UNorm);
	...
	mTexUV->setFormat(QOpenGLTexture::RG8_UNorm);
	...

理所当然后面的都要调整:

	mTexY->setSize(w, h);
    mTexY->allocateStorage(QOpenGLTexture::Red, QOpenGLTexture::UInt8);

    mTexUV->setSize(w/2, h/2);
    mTexUV->allocateStorage(QOpenGLTexture::RG, QOpenGLTexture::UInt8);
	QOpenGLPixelTransferOptions options;
    options.setImageHeight(data.height);

    options.setRowLength(data.lineSize0);
    mTexY->setData(QOpenGLTexture::Red, QOpenGLTexture::UInt8, data.data0.data(), &options);

    options.setRowLength(data.lineSize1/2);
    options.setImageHeight(data.height/2);
    mTexUV->setData(QOpenGLTexture::RG, QOpenGLTexture::UInt8, data.data1.data(), &options);

上面lineSize是ffmpeg解码出来的,linesize0和linesize1都是图像的宽。

二、Fragment Src

	const char *fsrc = "
    varying mediump vec4 textureOut; 
    uniform sampler2D textureY; 
    uniform sampler2D textureUV; 
    void main(void) 
    {
        vec3 yuv; 
        vec3 rgb; 
        yuv.x = texture2D(textureY, textureOut.st).r - 0.0625; 
        yuv.y = texture2D(textureUV, textureOut.st).r - 0.5; 
        yuv.z = texture2D(textureUV, textureOut.st).g - 0.5; 
        rgb = mat3( 1,       1,         1, 
                    0,       -0.39465,  2.03211, 
                    1.13983, -0.58060,  0) * yuv; 
        gl_FragColor = vec4(rgb, 1); 
    }";

NV21就把yuv.y和yuv.z的.r .g换一下。

三、 渲染

绘制之前纹理绑定记得改:

	m_program.setUniformValue("textureY",0);
    m_program.setUniformValue("textureUV",1);

Qt5.12.1没有GL_QUADS了,搜一下这些关键词百度有一个解释绘制过程的文章,看了下画4个点的多边形和4个点的多三角是一样的:

	glDrawArrays(GL_TRIANGLE_FAN,0,4);

用这个。


其他问题

原先写好了code怎么也渲染不出来,跟了下打印,发现QML把宽高初始化给OpenGL和ffmpeg了,但是和本身控件大小不一致,就造成了glViewport和解码出来的图都不能渲染。
QML控件初始化完时在那个槽函数重设一下宽高,YUV宽高和OpenGL各个设置的大小都是一致的就没问题。

最后

以上就是贪玩飞鸟为你收集整理的QML用openGL渲染NV12前言一、QOpenGLTexture改动二、Fragment Src三、 渲染其他问题的全部内容,希望文章能够帮你解决QML用openGL渲染NV12前言一、QOpenGLTexture改动二、Fragment Src三、 渲染其他问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(37)

评论列表共有 0 条评论

立即
投稿
返回
顶部