文章目录
- 前言
- 一、背景
- 二、选型分析
-
- [2.1 ffmpeg自带的xfade滤镜](#2.1 ffmpeg自带的xfade滤镜)
- [2.2 ffmpeg使用GL Transition库](#2.2 ffmpeg使用GL Transition库)
- [2.3 xfade-easing项目](#2.3 xfade-easing项目)
- 三、安装
- 四、使用
-
- [4.1 xfade滤镜简易动效](#4.1 xfade滤镜简易动效)
- [4.2 GL库翻书动效](#4.2 GL库翻书动效)
- 5、Todo
- 总结
前言
-
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、安装依赖（参考）
shell
brew install automake fdk-aac git lame libass libtool libvorbis libvpx \
opus sdl shtool texi2html theora wget x264 x265 xvid nasm \
glew glfw其中前两行是ffmpeg官方文档提到的依赖，第三行glew、glfw是xfade文档提到的依赖
3.2、获取ffmpeg源码
可以github或官网下载压缩包，或直接克隆（本文编写时最新版本v7.1）
shell
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-libopus3.3、融合xfade-easing文件
shell
# 下载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的使用教程，希望对大家有帮助。
欢迎大家点赞、关注博主～！