前言 随着互联网技术飞速发展，网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中，实现远程监考、屏幕共享以及录屏等；而在我们开发人员研发过程中，对于部分偶发事件，异常监控系统仅仅只能告知程序出错

如何在浏览器上实现屏幕录制⏺️功能呢？快来看看它-MediaRecorder，数行代码简单实现强大的屏幕录制功能，预览、上传、下载无所不能。

WebRTC是谷歌于2011年开源的一个音视频处理引擎，可以实时的进行视频数据的采集，也就是说可以做直播，也可以做桌面录屏，桌面分享。使用起来还是比较简单的。 这里我们来开发一个屏幕录制工具。 首先我们在页面中创建一个video标签，用于展示录屏的内容，再创建四个按钮，一个屏幕…

最近有一个录制屏幕的需求，类似于录制软件的操作教程给别人演示。后来发现竟然可以使用浏览器录制屏幕，并且做了一个小工具，感兴趣的朋友可以试下。

因为在视觉上，英文字母和数字占用的空间比较小，所以上面的要求也是合理的。 为了防止出现小数的情况，我们将除以2的结果向上取整处理。