探索 OpenGL ES 实时滤镜的魅力

Android

2024-02-14 11:27:15

专业技术博客文章

音视频开发之旅（14）：OpenGL ES 实时滤镜（二）

引言

在上一篇文章中，我们探讨了 OpenGL ES 中的外部纹理和 SurfaceTexture 的基本原理。在这一篇中，我们将深入研究实时滤镜的具体实现过程，了解其工作流程、遇到的问题以及从中获得的经验。

实时滤镜流程

实时滤镜处理流程主要包括以下几个步骤：

获取帧缓冲对象（FBO）： 创建一个 FBO 用于存储中间结果。
绘制纹理到 FBO： 将源视频帧绘制到 FBO 中作为输入纹理。
应用滤镜程序： 编写一个 GLSL 程序来应用滤镜效果。
将滤镜输出纹理绘制到屏幕： 将 FBO 中的滤镜输出纹理绘制到屏幕上显示。

具体实践

创建 FBO 和纹理：

glGenFramebuffers(1, &fbo);
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
glGenTextures(1, &inputTexture);
glBindTexture(GL_TEXTURE_2D, inputTexture);

绘制源视频帧：

glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, inputTexture);
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

应用滤镜程序：

#version 300 es
precision highp float;

in vec2 v_texCoord;
out vec4 o_color;

uniform sampler2D u_inputTexture;

void main() {
    o_color = texture(u_inputTexture, v_texCoord);
}

绘制滤镜输出纹理：

glBindFramebuffer(GL_FRAMEBUFFER, 0);
glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, outputTexture);
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);