html5 录制/保存视频/录音
国内这方面的资料真少的可怜,翻出去一搜一大把,推荐一个github的插件库,非常强大,支持各种各样的录制方式.
下载完成之后,引用对应的js立即可以使用.
<script src="RecordRTC/RecordRTC.js"></script> <script src="part-of-screen-sharing/screenshot.js"></script> <div id="elementToShare" style="width:50%;height:50%;background:green;"> <input></input> </div> <button onclick="start()">start</button> <button onclick="stop()">stop</button> <script> var elementToShare = document.getElementById('elementToShare'); var recorder = RecordRTC(elementToShare, { type: 'canvas' }); function start(){ recorder.startRecording(); } function stop(){ recorder.stopRecording(function(url) { window.open(url); }); } </script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步