0
나는 CCapture.js 프로젝트를 사용하여 HTML Canvas 애니메이션의 비디오를 녹화하려고했습니다. 특히, 후드 아래에 whammy.js을 사용하는 webm 캡처 옵션이 있습니다. 필자는 많은 매개 변수를 고민했지만 지금까지 정확한 길이의 비디오 만 출력했지만 캔버스 요소가 없어도 흑백으로 보입니다.CCapture.js webm video blacked out
여기에 jsfiddle이 나와 있습니다. 그것은 애니메이션을 생성하고 2 초를 기록한 다음 웹 출력을 저장/다운로드합니다.
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);