ffmpeg：1 个音频文件 + js 动画 = 1 个 mp4 视频答案

【问题标题】：ffmpeg: 1 audio file + js animation = 1 mp4 videoffmpeg：1 个音频文件 + js 动画 = 1 个 mp4 视频
【发布时间】：2014-07-29 12:32:18
【问题描述】：

我想从 1 个音频文件和一些在浏览器上生成的 java 脚本动画制作一个 mp4 文件？！请问这怎么可能？任何工作示例或想法将不胜感激。

谢谢大家

【问题讨论】：

标签： javascript audio ffmpeg video-capture h.264

【解决方案1】：

第一个解决方案

使用软件捕获屏幕（如 quicktime、camtasia 等）并使用 ffmpeg 创建合成 (How to add a new audio (not mixing) into a video using ffmpeg?)

第二种解决方案

如果您想自动录制，请使用 CasperJS (casperjs.org) 拍摄多个类似的屏幕截图

[...]

var count       = 0,
        max         = 10,
        delay       = 500,
        self        = this;

    for(var i = 0; i < 10; i++){

        self.wait(delay, function() {

            self.captureSelector('temp-' + count + '.png', "html");

            count++;

        });
    }

[...]

CasperJS 创建一个框架集，你只需从这个框架集创建一个视频：

ffmpeg -f image2 -i temp-%d.png -r 10 -vcodec mpeg4 -b 15000k your_movie.mp4

然后，添加歌曲 (How to add a new audio (not mixing) into a video using ffmpeg?)

【讨论】：

谢谢安东尼。您的第二个解决方案很棒，这就是我想要的。它似乎可以为我完成这项工作而无需使用服务器端！

【解决方案2】：

最简单的方法是使用视频捕获工具（quicktime、vlc 等）获取动画，然后添加音频。如果您想以编程方式执行此操作，可以执行 this 之类的操作。

【讨论】：

谢谢 G- 。您的第二个解决方案与我正在寻找的解决方案接近，但由于它确实需要上传图像然后下载它们，所以我不想使用它。