fluent-ffmpeg图片合成视频(一)

最新推荐文章于 2026-05-26 07:03:29 发布

原创

最新推荐文章于 2026-05-26 07:03:29 发布 · 4.1k 阅读

标签

#ffmpeg #fluent-ffmpeg #图片合成视频

收录于

本文介绍如何利用fluent-ffmpeg将图片合成为视频，并添加简单过渡效果。首先设定一张图片作为背景，然后逐个将其他图片添加进视频中。在使用过程中，发现直接使用ffmpeg命令行可以成功，但在fluent-ffmpeg中需采用不同方式来实现图片的叠加。

使用fluent-ffmpeg将图片合成视频并简单添加过渡效果(一)

思路

一张图片做背景图，生成视频总长度的视频
分别将需要添加的视频逐一添加到视频内

code

生成视频

ffmpeg(image1) //图片文件
        .loop(5)
        .videoBitrate('2048k')
        .videoCodec('mpeg4')
        .on('end', function() {
            console.log('video one end')
        })
        .on('error', function(error) {
            console.log('an error happend: create one video' + error)
        })
        .save('./images/test_output1.mp4') //输出的第一个视频文件

插入图片到视频

 .input(videoOne) //第一个视频
        .input(image2)
        .complexFilter(["[0:v][1:v]overlay=x='if(gte(t,1), -w+(t-1)*800,NAN)':y=0"])  // 当时间大于1s 图片从左到右 
	    .videoCodec('mpeg4')
        .outputOptions('-b:v 4096k')
        .on('end', function() {
            console.log('video two end')
        })
        .on('error', function(error