介绍

CanvasRecorder.js 可将 Canvas 动画转成 webm 格式的视频

官网：
https://github.com/SMUsamaShah/CanvasRecorder

ES6写法

https://www.malaoshi.top/show_1IX8SxQhK665.html

前提要求

必须 有动画 才能录制，否则录制后下载的视频是 0k

代码

<script src="js/CanvasRecorder.js"></script>

const c = document.querySelector('#c');
const recorder = new CanvasRecorder(c)
document.querySelector("#record").addEventListener("click",function(){

    recorder.start();
})
document.querySelector("#stopRecord").addEventListener("click",function(){
    recorder.stop();

    recorder.save(); // 可传入固定文件名
})

提示

指定canvas为60帧：

// 指定60帧
this. stream = canvas.captureStream(60);

原文出处：/show_1IX8QuEGJXio.html