[6]Opengl ES预览摄像头

术语:

VertexShader:顶点着色器,用来描述图形图像位置的顶点坐标;

FragmentShader:片元着色器,用来给顶点指定的区域进行着色;

Vertex:顶点

Texture:纹理,给顶点区域进行渲染的材质,比如图像等;

这一节通过前面学习的知识,我们直接采用纹理用Opengl ES来对摄像头进行预览,要实现这个功能,需要解决如下问题:

1)摄像头数据怎么采集到纹理?

2)摄像头数据更新时怎么收到通知?

3)采集到的摄像头数据纹理渲染到屏幕?

首先,我们要明白,摄像头采集到的视屏数据格式一般是YUV的,而Opengl ES能处理的数据是RGB格式的,那怎么样直接到把摄像头数据采集到纹理呢?还记得前面我们讲过,Opengl ES2.0有两种类型的纹理:GL_TEXTURE_2D和GL_TEXTURE_EXTERNAL_OES。而GL_TEXTURE_EXTERNAL_OES这种类型纹理就是处理这种格式转换的,摄像头采集的数据可以直接放到GL_TEXTURE_EXTERNAL_OES这种类型的纹理。

解决了摄像头数据映射纹理的问题,下面看下实现Opengl ES预览摄像头数据的流程图:

  1. 没错,SurfaceTexture就是摄像头到纹理的数据通道,通过把承载纹理的SurfaceTexture对象设置给摄像机Camera,在底层Camera就会源源不断的把数据采集到SurfaceTexture承载的纹理上,关键代码如下:

int textureId = GLES20.glGenTexture();

SurfaceTexture texSurface = new SurfaceTexture(textureId);

camear.setSurfaceTexture(texSurface);

老规矩,上面的代码仅仅是说明流程的伪代码,详细代码看对应工程的说明。

  1. 摄像头对应的数据映射到纹理后,接下来我们要接收摄像头源源不断的一帧一帧的数据,通过给SurfaceTexture设置侦听回调接口,当有摄像头数据到达时,我们可以收到通知,代码片段如下:

texSurface.setFrameAvaiableListenre();

  1. 收到数据到达消息后,需要通过调用texSurface.updateTexImage()来把数据更新到纹理,这里要注意,不能直接在回调接口调用此方法,因为这个方法不一定是创建纹理的线程调用,换句话说,此方法必须在创建纹理的线程里调用,具体为什么前面讲过了,这里再提一下,因为涉及到Opengl ES的API调用都必须在当前线程关联的EGLContext上操作,因为EGLContext保存了所有调用的状态,好看,下面是代码片段:

  2. 把纹理渲染到屏幕,这里流程和渲染一般的纹理差不多,区别就是片元着色器里的纹理对象是samplerExternalOES,而不是普通的sampler2D,片元着色器代码如下:

#extension GL_OES_EGL_image_external : require

precision mediump float;

uniform samplerExternalOES texture; // 定义扩展的的纹理取样器

varying vec2 vTexCoor;

void main ()

{

vec4 color = texture2D(texture, vTexCoor);

gl_FragColor = color;

}

到这里,我们就完成了使用Opengl ES的纹理来实现摄像头的视屏预览功能,接下来的章节,我会在此基础上采用FBO实现以及摄像头在多个Surface上预览等功能。

相关推荐
大大大大晴天3 小时前
每天认识一个组件:数据治理Apache Atlas
大数据
数字新视界3 小时前
2026模块化机房选型指南:行业市场发展趋势、占有率与竞争梯队分析报告解析
大数据·人工智能·物联网·数据中心·微模块机房·模块化机房·冷通道
姜穆澜5 小时前
OneID 从 0 到 1 完整生产案例(四)
大数据
OsDepK6 小时前
项目快速Git至仓库(完整版)
大数据·git·elasticsearch·搜索引擎
合米AI SOP系统6 小时前
传统产线如何快速上马落地 AI 防错?合米科技 AI SOP 7天即可上线。
大数据·人工智能·科技
思录Echo6 小时前
什么决定具身智能的最终走向?多技术路线与落地现实辨析
大数据·人工智能
xiaohaiAIgeo7 小时前
【2026年】AI监控加行为分析守护实验室安全
大数据·人工智能·科普知识
林墨聊AIGC7 小时前
动漫AI视频创作工具在哪找到的?2026年最新动漫AI视频平台与软件指南
大数据·人工智能·ai作画·aigc·音视频
故七月9 小时前
告别 AI 时代品牌 “隐身”:万域智瞰 AI‑GEO,构建品牌大模型时代营销新基建
大数据·人工智能
数字孪生视频孪生10 小时前
三维实时重构异构底座 核工危化无感定位跨境轨迹一屏统揽
大数据·运维·人工智能·重构·架构