我一直在尝试使用CCapture.js项目录制HTML Canvas动画的视频。具体来说,它有一个webm捕获选项,它使用了whammy.js。我已经修改了许多参数,但到目前为止我只输出了一个正确长度的视频,但没有任何画布元素 - 它看起来只是黑色。
这是一个说明问题的jsfiddle。它创建一个动画并记录2秒,然后保存/下载webm输出。
这是我在jsfiddle中的CCapture设置:
capturer = new CCapture({
display: true,
framerate: 30,
format: 'webm',
verbose: true,
});
// start capture
capturer.start();
// end capture and save
setTimeout(function() {
capturer.stop();
capturer.save();
}, 2000);