今天要来实现一个网页录屏的功能。

·通过点击按钮开始录制整个网页。目前网页有一个按钮，需要给按钮添加点击事件，使用async..awai来进行等待getDisplayMedia方法对媒体流的解析。需要注意的是mediaDevices接口提供的方法都存在兼容性问题，可根据需求自行加判断。现在就通过获取屏幕媒体流唤醒了录制的操作。mediaDevices接口除了可以录屏，还可以录音和录像。

·接下来检测浏览器是否支持指定的媒体类型，以便在录制媒体数据之前进行检查。isSupported方法会返回一个布尔值，获取类型值后面传给mimeType，然后就可以创建MediaRecorder对象，用于录制音频或视频数据。

·除此之外还需要MediaRecorder对象的dataavailable事件，监听事件了解录制过程的进度。每当有新的数据块，事件将被触发。在点击停止录制后需要将录制的数据转换为一个Blob对象，并通过创建一个下载链接来触发文件的下载。

·采用最简单的方式创建一个a标签来实现下载文件。下载的文件名称和格式可自定义，这样可以将录制的媒体文件保存到本地设备。调用start方法开始录制，当然这些代码在点击事件里执行才对。

以上就是本期的全部内容，感谢您的观看。