Node.js ffmpeg从2个或更多的jpg图像创建MP4视频

2022-05-31 00:00:00 ffmpeg node.js mp4 javascript

我正在制作一个视频动画师,首先从htmlcanvas标签生成.jpg图像,然后使用这些图像作为视频的帧。我正在使用ffmpeg进行视频生成。

仅使用1张图片时有效

const ffmpeg = require('fluent-ffmpeg');
ffmpeg.setFfmpegPath("C://Program Files/ffmpeg/bin/ffmpeg.exe");

var command = ffmpeg();

command
    .input("./test.jpg")
    .save("./test.mp4")
    .outputFPS(1)
    .on('end', () => {
        console.log("done");
    });

我得到它是为了用此代码制作1秒长的MP4视频,但这只有一个图像/帧。

我要做的事情(2+图像)

const ffmpeg = require('fluent-ffmpeg');
ffmpeg.setFfmpegPath("C://Program Files/ffmpeg/bin/ffmpeg.exe");

var command = ffmpeg();

command
    .input("./test.jpg")
    .input("./another.jpg")
    .save("./test.mp4")
    .outputFPS(1)
    .frames(2)
    .on('end', () => {
        console.log("done");
    });

这不起作用,因为它会生成与第一个示例相同的视频。它不是为第一秒显示一个图像,为第二秒显示另一个图像,而是生成一个只有第一个图像的一秒长的视频。

谁能演示一下如何修复这个问题?


解决方案

正常。查看文档后,添加两个图像作为输入的唯一方法似乎是使用图像文件模式。

我只需按如下模式命名图像

image0.jpg
image1.jpg
image2.jpg

如果我想要10+或100+图像,则在0之前添加其他值。

现在我可以只做command.input("./image%1d.jpg")。 希望这对将来和我有同样问题的人有所帮助。

相关文章