Fluent-ffmpeg:合并视频和音频=错误的帧

时间:2015-06-02 12:04:42

标签: javascript angularjs audio video ffmpeg

我试图将没有音频流的视频(mp4)与音频文件(mp3)合并。我在nodewebkit下开发了一个视频软件,这意味着我必须使用ogg文件,因此当用户上传视频或音频文件时,它会以ogg格式转换它。然后,当用户想要导出其视频时,我将帧从画布导出到PNG图像。完成此操作后,我将使用以下代码以30 fps的帧创建视频:

var videoMaker = function () {

    console.log('videoMaker');

    var deffered = Q.defer();
    if (!FS.existsSync($rootScope.project.path + '/video')) {
        filestorageService.createFolder($rootScope.project.path + '/video');
    }
    audioMaker().then(function () {
        var commandVideo = new Ffmpeg({
            source: $rootScope.project.path + '/frames/%d.png'
        });
        commandVideo.setFfmpegPath(ffmpegPath);
        commandVideo.addOptions(['-c:v libx264', '-r 30']).withFpsInput(30).format('mp4').on('error', function (err) {
            console.log('video', err);
        }).on('end', function () {
            console.log('video win');
            deffered.resolve();
        }).save($rootScope.project.path + '/video/rendu.mp4');
    });
    return deffered.promise;
};

然后我将用户上传的音频重新转换为mp3:

var audioMaker = function () {

    console.log('audioMaker');
    var deffered = Q.defer();
    if ($rootScope.project.settings.music.path !== '') {
        FS.writeFileSync($rootScope.project.path + '/music/finalMusic.mp3', null);
        var commandAudio = new Ffmpeg({
            source: $rootScope.project.settings.music.path
        });
        commandAudio.setFfmpegPath(ffmpegPath);
        if ($rootScope.project.settings.music.fadeIn) {
            commandAudio.audioFilters('afade=t=in:ss=0:d=0.5');
        }
        console.log($rootScope.project.settings.music.fadeOut, $rootScope.project.settings.music.fadeIn);
        if ($rootScope.project.settings.music.fadeOut) {
            var time = sceneService.getTotalDuration() - 0.5;
            commandAudio.audioFilters('afade=t=out:st=' + time + ':d=0.5');
        }
        commandAudio.toFormat('mp3').on('end', function () {
            console.log('audio win');
            deffered.resolve();
        }).on('error', function (err) {
            console.log('audio', err);
        }).save($rootScope.project.path + '/music/finalMusic.mp3');
    } else {
        deffered.resolve();
    }
    return deffered.promise;
};

直到那里一切正常,这些文件才能正常运行,但是当我这样做时:

var command = new Ffmpeg({
    source: $rootScope.project.path + '/video/rendu.mp4'
});
command.setFfmpegPath(ffmpegPath);
console.log($rootScope.project.settings.music.path !== '');
if ($rootScope.project.settings.music.path !== '') {
    command.addInput($rootScope.project.path + '/music/finalMusic.mp3');
    command.addOptions(['-c:v copy', '-c:a copy']);
    if ($rootScope.project.settings.music.duration > sceneService.getTotalDuration()) {
        command.addOptions(['-shortest']);
    }
    command.on('error', function (err) {
        console.log(err);
    }).on('end', function () {
        console.log("win");
        //filestorageService.rmFolder($rootScope.project.path + '/frames');
    }).save($rootScope.project.path + '/video/rendu.mp4');
} else {
    filestorageService.rmFolder($rootScope.project.path + '/frames');
}

我的最终文件有音乐和合适的持续时间,但框架不对,有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我终于找到了如何解决这个问题,最终的视频并不好,因为我正在将视频和音频合并到同一个视频文件中,这意味着我通过outream获取视频数据正在写文件。所以在我的程序中我创建了一个包含视频和音频的临时文件夹,然后我将它们合并到一个新的视频文件中,该视频文件位于另一个最终文件夹中,最终删除了临时文件夹。