JavaScript 将 Canvas录制成webm视频库：CanvasRecorder.js 作者：马育民 • 2024-09-15 22:29 • 阅读：10017 # 介绍 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); ``` 原文出处：http://malaoshi.top/show_1IX8QuEGJXio.html