[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上预览等功能。

相关推荐
Mr -老鬼16 小时前
Go存储架构选型实战:单库、双库还是多库?——基于核心元数据+动态表场景的技术解析
大数据·架构·golang
乐迪信息17 小时前
乐迪信息:AI防爆摄像机识别船舶违规明火作业
大数据·人工智能·安全·计算机视觉·目标跟踪
D愿你归来仍是少年17 小时前
Apache Spark 第 3 章:核心概念 RDD / DataFrame
大数据·spark·apache
易连EDI—EasyLink17 小时前
Odette OFTP2 Group1/2/3深度解读:PDX XML能力划分与选型指南
大数据·电子数据交换·as2·易连edi·oftp2
大榕树信息科技17 小时前
高效动环监控赋能机房环境智能管理与数据可视化
大数据·网络·数据库·人工智能·信息可视化
GlobalInfo17 小时前
全球户外WiFi智能插头市场份额、规模、技术研究报告2026
大数据·网络·人工智能
于先生吖17 小时前
Java 智慧社区本地生活系统:上门服务 + 商城模块完整开发
java·大数据·生活
岁岁种桃花儿18 小时前
Flink从入门到上天系列第二十二篇:Flink中通过UI查看检查点
大数据·ui·flink
JZC_xiaozhong18 小时前
医疗器械行业供应商主数据管理:多视角下的破局与重构
大数据·数据库·重构·数据分析·mdm·主数据管理·数据集成与应用集成
Web3_Daisy18 小时前
Flap怎么玩?低门槛 Meme 币的发射与链上策略
大数据·人工智能·web3·区块链·比特币