当使用OpenGL ES从YUV-NV12转换为RGB时，颜色/色度纹理会被拉伸

Question

我有一个YUV-NV12格式化图像数据的字节缓冲区。当我试图将其转换为RGB时，我得到了一个像下面图像中一样具有拉伸颜色（色度）层的输出。

我遵循了这个伟大的答案，它引导我将YUV-NV21转换为RGB。由于NV-12只是带有翻转U和V数据的NV-21，所以我应该做的唯一更改是替换片段着色器中的U和V值。

顶点着色器：

precision mediump float;
uniform mat4 uMVPMatrix;
attribute vec4 vPosition;
attribute vec4 vTextureCoordinate;
varying vec2 position;

void main()
{
   gl_Position = uMVPMatrix * vPosition;
   position = vTextureCoordinate.xy;
}

片段着色器：

precision mediump float;
varying vec2 position;
uniform sampler2D uTextureY;
uniform sampler2D uTextureUV;

void main() 
{
    float y, u, v;
    y = texture2D(uTextureY, position).r;
    u = texture2D(uTextureUV, position).a - 0.5;
    v = texture2D(uTextureUV, position).r - 0.5;

    float r, g, b;
    r = y + 1.13983 * v;
    g = y - 0.39465 * u - 0.58060 * v;
    b = y + 2.03211 * u;

    gl_FragColor = vec4(r, g, b, 1.0);
}

将图像数据拆分并放入2个ByteBuffer，分别是mYBuffer和mUVBuffermSourceImage只是一个缓冲区，其中包含的图像数据为字节数据。

ByteBuffer bb = (ByteBuffer) mSourceImage;
if (bb == null) {
    return;
}
int size = mWidth * mHeight;

bb.position(0).limit(size);
mYBuffer = bb.slice();
bb.position(size).limit(bb.remaining());
mUVBuffer = bb.slice();

生成纹理：

GLES20.glGenTextures(2, mTexture, 0);

for(int i = 0; i < 2; i++) {
    GLES20.glActiveTexture(GLES20.GL_TEXTURE0 + i);
    GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, mTexture[i]);

    GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_LINEAR);
    GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR);
    GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_CLAMP_TO_EDGE);
    GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_CLAMP_TO_EDGE);
}

将缓冲区数据传递到纹理：

mTextureYHandle = GLES20.glGetUniformLocation(mProgramId, "uTextureY");
mTextureUVHandle = GLES20.glGetUniformLocation(mProgramId, "uTextureUV");

GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, mTexture[0]);
GLES20.glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES20.GL_LUMINANCE, mWidth, mHeight, 0, GLES20.GL_LUMINANCE, GLES20.GL_UNSIGNED_BYTE, mYBuffer);
GLES20.glUniform1i(mTextureYHandle, 0);

GLES20.glActiveTexture(GLES20.GL_TEXTURE1);
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, mTexture[1]);
GLES20.glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES20.GL_LUMINANCE_ALPHA, mWidth / 2, mHeight / 2, 0, GLES20.GL_LUMINANCE_ALPHA, GLES20.GL_UNSIGNED_BYTE, mUVBuffer);
GLES20.glUniform1i(mTextureUVHandle, 1);

我不明白为什么我会得到这样的结果。任何帮助都将不胜感激。

Answer 1

没关系，这是我代码中的一个小错误。

拆分字节缓冲区时，我已经使用了bb.position（size）. limited（bb.remaining（））作为UV缓冲区，由于某种原因，bb.remaining（）在得到一些帧后变成了0（这实际上是相机预览），因此我已经将其更改为bb.position（size）. limited（size size/2）。

也是我通过阅读本文所做的假设，

我应该做的唯一更改是替换片段着色器中的u和v值

似乎是错误的。据观察，GL20.GL_LUMINANCE_ALPHA总是将U字节放入纹理的A组件中，将V字节放入R，G，B组件中（您可以使用任何一个）。因此，不需要在片段着色器中交换u和v值（我已经用正确的片段着色器代码编辑了我的问题）。

我会保留这个问题，希望这对将来的人有所帮助。