ffmpeg翻页转场动效的安装及使用

前言

• FFmpeg 是一个开源的多媒体处理工具，可以用于录制、转换、编辑和播放音频、视频，以及其他多媒体文件和流。它是基于命令行的工具，支持多种平台（Windows、macOS、Linux）。

• xfade 是 FFmpeg 中的一个滤镜，用于创建 转场效果（crossfade）。它可以在两段视频或两张图片之间生成平滑的过渡效果，例如淡入淡出、擦除、滑动等。

• gl-transition 是一个使用 OpenGL 实现的动态转场效果库，广泛用于视频编辑和动态转场生成。它允许在视频或图片之间添加基于 GPU 的高性能视觉效果，比如渐变、模糊、溶解、翻转、波浪、像素化等特效。可搭配 FFmpeg 或其他工具，在命令行环境中批量生成带有特效的视频。

一、背景

最近玩了几个月AI绘画，画了几千张图了，目前希望能自动将一组图片拼接成视频，图片切换时使用转场动效。其中希望使用翻书的动画效果。
简易横划效果示例：

复杂书本翻页效果示例：

二、选型分析

2.1 ffmpeg自带的xfade滤镜

ffmpegv4.4以上自带xfade滤镜，官方文档地址：https://trac.ffmpeg.org/wiki/Xfade#Gallery
xfade支持常规的转场效果，如下：

但xfade不支持复杂转场效果，如书本翻页，而我想要的就是“书本翻页”。

2.2 ffmpeg使用GL Transition库

GL Transition支持一些更复杂酷炫的转场效果，官方示例：https://gl-transitions.com/gallery

ffmpeg使用gl-transition网上大多数文章提到的都是此项目：

https://github.com/transitive-bullshit/ffmpeg-gl-transition

但该项目已多年未维护，本人尝试使用最新的ffmpegV7.1编译，遇到很多问题。从issue和最后更新时间看，应该使用ffmpegV4.x版本会顺利些。但有点老没再考虑。

2.3 xfade-easing项目

从ffmpeg-gl-transition的issue中发现有人提到此项目：

https://github.com/scriptituk/xfade-easing

本文写作时此项目最新更新时间为2周前，很新的项目。从Readme文件中了解到支持2.1、2.2提到的所有动效，且原理性的说明也非常详细。于是按此方案实现。

三、安装

以mac电脑为例
我们参考ffpemg的官方安装指引和xfade-easing的Readme文件中的说明即可

https://trac.ffmpeg.org/wiki/CompilationGuide/macOS
https://github.com/scriptituk/xfade-easing?tab=readme-ov-file#building-ffmpeg

文档内容不太清晰，结合两部分的文档整理如下：

3.1、安装依赖（参考）

brew install automake fdk-aac git lame libass libtool libvorbis libvpx \
opus sdl shtool texi2html theora wget x264 x265 xvid nasm \
glew glfw

3.2、获取ffmpeg源码

可以github或官网下载压缩包，或直接克隆（本文编写时最新版本v7.1）

git clone http://source.ffmpeg.org/git/ffmpeg.git

cd ffmpeg

./configure  --prefix=/usr/local --enable-gpl --enable-nonfree --enable-libass --enable-libfdk-aac --enable-libfreetype --enable-libmp3lame --enable-libvorbis --enable-libvpx --enable-libx264 --enable-libx265 --enable-libopus

3.3、融合xfade-easing文件

# 下载patch到ffmpeg根目录下，并执行
wget https://github.com/scriptituk/xfade-easing/raw/refs/heads/main/src/vf_xfade.patch

patch -b -p0 -i vf_xfade.patch

# 下载xfade-easing.h 并移动到 libavfilter/
wget https://github.com/scriptituk/xfade-easing/raw/refs/heads/main/src/xfade-easing.h
mv xfade-easing.h libavfilter/

3.3、编译&安装

./configure  --prefix=/usr/local --enable-gpl --enable-nonfree --enable-libass --enable-libfdk-aac --enable-libfreetype --enable-libmp3lame --enable-libvorbis --enable-libvpx --enable-libx264 --enable-libx265 --enable-libopus

make ECFLAGS=-Wno-declaration-after-statement

make install

3.4、验证

ffmpeg -hide_banner --help filter=xfade |grep 'xfade AVOptions'

执行上述命令，返回结果有xfade AVOptions关键字即成功

四、使用

以文章开头的两个gif图demo为例，假设我们有两张尺寸一样的图片test1.jpeg、test2.jpeg

4.1 xfade滤镜简易动效

 ffmpeg -loop 1 -t 3 -i test1.jpeg  -loop 1 -t 3 -i test2.jpeg -filter_complex "
 xfade=duration=1:offset=1:transition=revealleft
 " output.mp4

4.2 GL库翻书动效

ffmpeg -loop 1 -t 4 -i test1.jpeg  -loop 1 -t 1 -i test2.jpeg -filter_complex "
    xfade=duration=3:offset=1:easing=quartic-out:transition=gl_InvertedPageCurl
    " -y output.mp4

更多使用方式可以参阅文档，或留言交流

5、Todo

以下内容有空会更新，欢迎大家关注：

• 添加背景音乐
• 添加字幕
• 开发stable diffusion / comfyUI 插件一键生成视频影集

总结

使用ffmpeg配合xfade滤镜、GL库可以实现各式各样的转场效果。本文提供了从0到1的使用教程，希望对大家有帮助。

欢迎大家点赞、关注博主～！