CCapture.js webm 视频被黑了

Question

我一直在尝试使用引擎盖下的 CCapture.js project. Specifically, it has a webm capture option which uses whammy.js 录制 HTML Canvas 动画的视频。我修改了许多参数，但到目前为止我只输出了正确长度的视频，但没有任何 canvas 元素 - 它看起来只是黑色。

这里 jsfiddle 说明了这个问题。它创建一个动画并记录 2 秒，然后 saves/downloads 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);

Answer 1

原来是 bug in Whammy.js, an issue with parsing webp。应用修复后，它再次正确记录！