javascript - CCapture.js webm 视频黑掉

标签 javascript html html5-canvas video-capture webm

我一直在尝试使用 CCapture.js 录制 HTML Canvas 动画的视频项目。具体来说,它有一个使用 whammy.js 的 webm 捕获选项。在引擎盖下。我修改了许多参数,但到目前为止我只输出了正确长度的视频,但没有任何 Canvas 元素 - 它看起来只是黑色。

这是一个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);

最佳答案

结果是 bug in Whammy.js , 一个 issue with parsing webp .应用修复后,它再次正确记录!

关于javascript - CCapture.js webm 视频黑掉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46850172/

相关文章:

javascript - JQuery Accordion 未在循环中初始化

javascript - 在 MEAN Stack 环境中使用 Passport.js 验证路由

java - 如何让用户以ajax成功方法下载文件?

html - MVC4 Web 的布局 CSS

javascript - 无法使用 JavaScript 中的 putImageData 更新 HTML5 Canvas 像素颜色

image-processing - 在 Canvas 上调整亮度/对比度的公式?

javascript - 包含 JavaScript 文件时出现 HTML 错误

html - 变换 scaleX 并保持固定的正确位置

html - 为什么 .navbar mixin 在 Bootstrap 2.3 中不起作用?

javascript - 我们如何使用 mediaRecorder 将 Canvas 流与音频流混合