Android 视频编辑系列-视频转场(上)

一、前言

    最近公司要做一个类似剪映的视频剪辑工具，目前用得比较多的就是采用ffmpeg或者基于android原生的mediacodec来做。那由于时间比较紧，加上对ffmpeg研究比较少，所以第一期就采用了mediacodec的方式来做预览和视频生成。

    在做的过程中也踩了许多的坑，目前打算把已踩的坑形成一系列的文章。一方面对自己的这段学习经历作一个总结，另一方面也向有需要的朋友提供一些经验，少走弯路。文中如果有什么不对的地方，请大家多多指正，毕竟都是相互学习嘛。

    废话不多说，进入正题。

二、实现效果

淡入淡出

闪白

闪黑

三、实现原理

    采用opengl，用glsurfaceview承载渲染，截取视频的第一帧和最后一帧交给opengl处理，结合glsl，最后形成不同的转场特效。

四、相关知识介绍

    GLSufaceView：它是SurfaceView的子类，用于显示opengl的渲染。简单来说GLSufaceView可以用来渲染视频、camera数据，我们还可以在此基础上做一些例如美白、美颜、滤镜等特效处理。

    GLSurfaceView.Renderer：主要提供三个接口：onSurfaceCreated、onSurfaceChanged、onDrawFrame。前两个接口就不用多说了，重点在onDrawFrame接口，在视频数据需要绘制的时候会回调，我们可以在里面把转场特效绘制上去然后再渲染到屏幕上。

五、实现步骤

    1.视频播放器实现GLSufaceView做渲染，具体的实现方式可以参照这个开源库

https://github.com/qqchenjian318/VideoEditor-For-Android.git

    这个库把视频的录制、各种滤镜特效的预览和生成都完整的实现了，我们要做的就是在此基础上加上转场效果。

    2.各种转场效果的着色器代码实现，这里就需要大概了解一些open es语言的相关知识了。一些比较常见的滤镜效果网上也都搜得到，例如：https://www.jianshu.com/p/2cc48814d2e3中就有闪白的滤镜效果，我们可以根据这个滤镜要做成闪白转场。闪白的着色器代码如下：

闪白特效滤镜代码

    上面代码中Time变量就是用来控制白色图层的混合程度，如果转场的时间是1秒，那么就需要在第一个视频的最后0.5秒逐渐增加白色图层，到第二个视频的前0.5秒逐渐减少白色图层的混合，最后就形成闪白的转场特效。

    下面我们将这块代码改造一下，去掉不需要的东西，只留白色图层：

闪白转场特效代码

    然后在视频播放或生成的时候根据视频的当前时间控制白色图层的混合程度：

白色图层混合程度控制

    上面的setProgress方法就是调用 GLES20.glUniform1f 设置着色器代码中的progress变量。

    最后形成的效果如下：

闪白转场预览

    生成的成品视频效果如下：

成品视频闪白转场

    以上就是最简单的闪白转场，那么淡入淡出转场的着色器代码相对要复杂一些，具体的实现方式请看下一篇文章。

Android 视频编辑系列-视频转场(下)

本文作者：周秦瑶（scott）

本文为原创作品，未经允许不得转载。