javascript - 动画未使用 whammy js 保存为 mp4

Question

我使用此 js 将 Canvas 中的所有内容导出为 mp4 视频。我成功将其导出为视频，但视频的时间始终为 0。

这是我用的js https://github.com/antimatter15/whammy

这是我目前拥有的代码，可以下载 Canvas 和内部元素，但不能下载动画。

var canvas_video = document.querySelector('canvas').getContext('2d');
        canvas_video.save();
        console.log(canvas_video);
        var encoder = new Whammy.Video(15);
        var progress = document.getElementById('progress');
        encoder.add(canvas_video);
        console.log("1",encoder);
        encoder.compile(false, function(output){
            //var url = (window.URL || window.URL).createObjectURL(output);
            var url = URL.createObjectURL(output);
            console.log(url);
            document.getElementById('download_link').href = url;
        });

当我检查控制台进行调试时，它显示 encodeFrame 0。

任何人都可以建议我应该做什么以及如果我错过了什么吗？

Answer 1

对于仍在寻找答案的任何人 - 该库只会输出到 .webm 而不是 .mp4。 据我所知，除了Chrome，没有其他浏览器支持webm播放。因此，请使用 Chrome 浏览器观看视频。其他浏览器会卡在0时间。