引言
一切的一切都开始于那个夜黑风高的夜晚……那晚,我急需要一款录屏软件,找来找去,可是:付费去广告、付费去水印、付费高清、付费下载😅…… 等等,突然我灵光乍现,我还有一条路: 自己做! 于是原生Js基于WebRTC实现的Web端实时录屏功能就出来了!文末附开源地址😎
技术选型
WebRTC
原生Js
核心代码实现html整个的录屏功能区域都放在一个类名为main的div里面类名为btn的div放上开始录屏button,并给button绑定start()函数,类名为rec
12345<div class="main"> <div class="btn"> <button onclick="start()" class="rec">点击录屏</button> </div></div>
Jsjs这里大体分为四部分:开始、结束、播放、下载
12345678910111213141516function sta ...