网页录屏
2019-09-12 09:14
电脑录屏
在电脑上录制屏幕，下载录屏软件，很麻烦，有时候还有水印，最近发现谷歌提供了录屏接口，用js调用就可以录屏，很是方便！
网页录屏
- 网页录屏中电脑视频数据采用的是 navigator.mediaDevices.getDisplayMedia 接口，目前支持度不是很高，可以访问 caniuse.com 查询。
- 录制功能采用 MediaRecorder 接口
- 语音录制功能采用 navigator.mediaDevices.getUserMedia 接口
使用步骤
首先，通过调用getDisplayMedia方法，然后用户授权之后，会通过promise返回一个mediaStream对象。
然后，调用 getUserMedia 方法，用户授权之后，也会通过promise返回mediaStream对象。但是可以通过mediaStream中的getAudioTracks获取音频流，添加到displayMedia的stream中，合成完整的音视频流。
然后 new MediaRecorder() 开始录制，在mediaRecorder中监听 ondataavailable ,停止录制的时候，这个会返回一个blob二进制文件，然后URL.createObjectUrl()创建下载链接，下载下来就是录制好的视频了。