Я пытаюсь записать видео с анимацией HTML Canvas с помощью проекта CCapture.js. В частности, у него есть опция захвата webm, которая использует whammy.js под капотом. Я возился со многими параметрами, но до сих пор я только что выводил видео с правильной длиной, но без каких-либо элементов холста - он просто выглядит черным.
Вот jsfiddle, иллюстрирующий проблему. Он создает анимацию и записывает 2 секунды, затем сохраняет/загружает выход веб-страницы.
Вот настройка CCapture, которую я получил в jsfiddle:
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);
Оказывается, это была ошибка в Whammy.js, проблема с разбором webp. После применения исправления он снова записывается правильно!