將QImage綁定到紋理以在QOpenGLWidget中顯示視頻的正確方法是什么

Question

我正在嘗試實現一個高效的視頻播放器，所以我從Qt的紋理示例開始。

我有：

void HUD::initializeGL()
{
    initializeOpenGLFunctions();

    makeObject();

    glEnable(GL_DEPTH_TEST);
    glEnable(GL_CULL_FACE);

#define PROGRAM_VERTEX_ATTRIBUTE 0
#define PROGRAM_TEXCOORD_ATTRIBUTE 1

    QOpenGLShader *vshader = new QOpenGLShader(QOpenGLShader::Vertex, this);
    const char *vsrc =
        "attribute highp vec4 vertex;\n"
        "attribute mediump vec4 texCoord;\n"
        "varying mediump vec4 texc;\n"
        "uniform mediump mat4 matrix;\n"
        "void main(void)\n"
        "{\n"
        "    gl_Position = matrix * vertex;\n"
        "    texc = texCoord;\n"
        "}\n";
    vshader->compileSourceCode(vsrc);

    QOpenGLShader *fshader = new QOpenGLShader(QOpenGLShader::Fragment, this);
    const char *fsrc =
        "uniform sampler2D texture;\n"
        "varying mediump vec4 texc;\n"
        "void main(void)\n"
        "{\n"
        "    gl_FragColor = texture2D(texture, texc.st);\n"
        "}\n";
    fshader->compileSourceCode(fsrc);

    program = new QOpenGLShaderProgram;
    program->addShader(vshader);
    program->addShader(fshader);
    program->bindAttributeLocation("vertex", PROGRAM_VERTEX_ATTRIBUTE);
    program->bindAttributeLocation("texCoord", PROGRAM_TEXCOORD_ATTRIBUTE);
    program->link();

    program->bind();
    program->setUniformValue("texture", 0);
}

void HUD::paintGL()
{
    clock_t begin = clock();
    glClearColor(clearColor.redF(), clearColor.greenF(), clearColor.blueF(), clearColor.alphaF());
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    static int ctt = 0;
    QMatrix4x4 m;
    m.ortho(-0.2f, +0.2f, +0.2f, -0.2f, 4.0f, 15.0f);
    m.translate(0.0f, 0.0f, -5.0f);

    program->setUniformValue("matrix", m);
    program->enableAttributeArray(PROGRAM_VERTEX_ATTRIBUTE);
    program->enableAttributeArray(PROGRAM_TEXCOORD_ATTRIBUTE);
    program->setAttributeBuffer(PROGRAM_VERTEX_ATTRIBUTE, GL_FLOAT, 0, 3, 5 * sizeof(GLfloat));
    program->setAttributeBuffer(PROGRAM_TEXCOORD_ATTRIBUTE, GL_FLOAT, 3 * sizeof(GLfloat), 2, 5 * sizeof(GLfloat));

    //???//
    //How to bind the QImage into a texture efficiently???
    //???//
    textures->bind();// textures is a QOpenGLTexture
    glDrawArrays(GL_TRIANGLE_FAN, 0 * 4, 4);
    clock_t end = clock();
    double elapsed_secs = double(end - begin) / CLOCKS_PER_SEC;
    qDebug() << elapsed_secs;

}

該示例最初使用QOpenGLTexture從單個QImage讀取並將其綁定到paintGL（）函數繪制的四邊形。

但是，如何更新紋理內容以便以30 Hz的頻率顯示視頻？

Answer 1

您應該看看Qt 視頻小部件示例 ，它是一個基本的視頻播放器。 您還可以將視頻流式傳輸到QGraphicsVideoItem，您可以在QGraphicsView中顯示，該QGraphicsView可以包含其他圖形項，如果您為其提供QOpenGLWidget視口，則可以呈現OpenGL內容。
如果你想自己動手，你可能想要使用Qt視頻功能並實現一個基於QAbstractVideoSurface的類來接收來自媒體播放器的視頻幀。 看一下QVideoFrame的handleType（）。 如果是QAbstractVideoBuffer :: GLTextureHandle或QAbstractVideoBuffer :: EGLImageHandle，您可以使用帶有handle（）作為紋理ID的四邊形着色器將其繪制到屏幕上。 如果沒有將數據寫入QOpenGLTexture。 您可以在線程中上傳紋理以防止阻塞GUI線程。

Answer 2

看來QOpenGLTexture類不允許更新圖像數據，請參閱QOpenGLTexture :: allocateStorage 。

在這種情況下，您應該考慮分配自己的OpenGL紋理並更新它。 這可以使用以下代碼完成：

// Keep the ID somewhere
GLuint textureId;
glGenTextures(1, &textureId);
glBindTexture(GL_TEXTURE_2D, textureId);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);

// First frame
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, <w>, <h>, 0, GL_RGB, GL_UNSIGNED_BYTE, frame.bits());

// Subsequent frames
glTextSubImage2D(GL_TEXTURE_2D, 0, 0, 0, <w>, <h>, GL_RGB, GL_UNSIGNED_BYTE, frame.bits());

// Destruction
glDeleteTextures(1, &textureId);

要在上傳前准備像素數據，您可以執行以下操作：

QImage prepareFrame(const QImage& frame) {
    if(frame.format() != QImage::Format_RGB888) {
        return frame.convertToFormat(QImage::Format_RGB888);
    }
    return frame;
}