Android 仿抖音之使用OpenGL显示摄像头

最新推荐文章于 2024-08-12 14:48:19 发布

Sunshiny_Lyq

最新推荐文章于 2024-08-12 14:48:19 发布

阅读量2.2k

点赞数 2

文章标签： OpenGL ES Camera

本文链接：https://blog.csdn.net/YuQing_Cat/article/details/83586796

版权

本文通过仿抖音项目，介绍如何在Android中使用OpenGL ES显示摄像头数据。首先，通过Camera采集摄像头数据，然后利用OpenGL的绘制流程将数据渲染到屏幕上。文章详细讲解了创建工程、配置OpenGL环境、编写DouyinView、DouyinRender和ScreenFilter等关键步骤，以及处理顶点着色器和片元着色器。此外，还提到了一些常见错误和解决办法。

摘要由CSDN通过智能技术生成

前言

在上一篇博客中，简单介绍了一下有关于OpenGL的基础内容，没看过的，可以看一下OpenGL ES基础，如果对里面有很多内容还是不懂的话，就百度一下吧，里面我都是简单说了一下大概内容，从这一篇开始，用仿抖音的项目来一步步具体介绍怎么在Android中使用OpenGL。
首先抖音其实就是录制前处理和录制后特效的处理，今天先来第一步使用OpenGL显示摄像头，为后面的工作做准备。

需求

使用OpenGL显示摄像头，分析一下需求，其实也就是两步，第一步采集摄像头数据，第二步将摄像头数据显示到屏幕上

采集摄像头数据

使用Android的Camera就可以实现采集

将摄像头数据显示到屏幕上

这里显示到屏幕上，其实有很多方法，比如ANative_window等等，但是这个是使用OpenGL实现，使用OpenGL怎么实现呢，在上一篇博客中说到了OpenGL的绘制流程，基本就是按照那个流程进行实现的。
下面是项目结构中一个不太规范的类图，下面根据这种图来实现具体的代码
一张不太规范的类图
简单点说，我们都知道SurfaceView实质是将底层显存Surface显示到界面上，而GLSurfaceView实际就是在这个基础之上增加了OpenGL环境，DouyinView实际就相当于一块画布，而ScreenFilter中是封装了如何使用画笔去画当前摄像头采集到的内容，而DouyinRender渲染器，就是将ScreenFilter中的画渲染到画布上。

创建工程

创建一个JNI工程，就是在一开始创建项目的时候，勾选上 Include C++ support,这样就创建好了

配置文件 AndroidManifest.xml

OpenGL的使用还需要有设备制造商提供支持，以下是设备的支持情况，项目里都是用来2.0

OpenGL ES 1.0 和 1.1 ：Android 1.0和更高的版本支持这个API规范。
OpenGL ES 2.0 ：Android 2.2(API 8)和更高的版本支持这个API规范。
OpenGL ES 3.0 ：Android 4.3(API 18)和更高的版本支持这个API规范。
OpenGL ES 3.1 : Android 5.0(API 21)和更高的版本支持这个API规范。

DouyinView.java

在这里插入图片描述

DouyinRender.java

这里使用的Render,是实现了OpenGL配置好EGL的渲染器，后面会自己来配置，这里先使用这个，上面也有提到过，OpenGL的操作都是在GLThread线程中完成，所以这里的onSurfaceCreated，onSurfaceChanged，onDrawFrame都是在GLThread中实现的，下面单独看看每个方法的使用
在这里插入图片描述
CameraHelper是封装了对Camera的一系列操作

创建着色器

AS里面有个插件可以支持GLSL的高亮显示，在plugin里面搜索 GLSL Support
顶点着色器
片元着色器
这里我们需要画的是矩形，也就是两个三角形，给了4个点的坐标，这4个点，会执行4次顶点着色器，依次将顶点传递给gl_Position，当4个点都传递完成之后，会进行光栅化，将一个矩形变换成一个个的片元，然后再去使用gl_FragColor去着色
因为SurfaceTexture是Android中的，并不是OpenGL的，所以需要使用额外扩展的采样器samplerExternalOES，而不是普通的sample2D采样器，在使用samplerExternalOES时候，需要再添加一句：#extension GL_OES_EGL_image_external : require

ScreenFilter.java

 public ScreenFilter(Context context) {
   

        //把camera_vertext内容读出来
        String vertexSource= OpenUtils.readRawTextFile(context, R.raw.camera_vertex);
        String fragSource = OpenUtils.readRawTextFile(context, R.raw.camera_frag);


        //通过字符串创建着色器程序
        //使用opengl
        //一.顶点着色器
        //1.1创建顶点着色器
        int vSharderId = GLES20.glCreateShader(GLES20.GL_VERTEX_SHADER);
        //1.2绑定代码到着色器中
        G