屏幕录制需要使用两个谷歌提供的接口：
    MediaDevices 和 MediaRecorder
    使用屏幕捕获API：https://developer.mozilla.org/zh-CN/docs/Web/API/Screen_Capture_API/Using_Screen_Capture
    代码实现：

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>Document</title>
    9. </head>
    11. <body>
    12.   <video class="video" width="600px" controls></video>
    13.   <button class="record-btn" onclick="record()">record</button>
    15.   <script>
    16.     let btn = document.querySelector('.record-btn')
    18.     async function record() {
    19.       let stream = await navigator.mediaDevices.getDisplayMedia({
    20.         video: true
    21.       })
    23.       // 需要更好的浏览器支持
    24.       const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ? "video/webm; codecs=vp9" : "video/webm"
    25.       let mediaRecorder = new MediaRecorder(stream, {
    26.         mimeType: mime
    27.       })
    29.       let chunks = []
    30.       // 监听数据提供事件
    31.       mediaRecorder.addEventListener('dataavailable', function (e) {
    32.         console.log(e);
    33.         chunks.push(e.data)
    34.       })
    35.       // 监听停止事件
    36.       mediaRecorder.addEventListener('stop', function () {
    37.         let bolb = new Blob(chunks, {
    38.           type: chunks[0].type
    39.         })
    40.         let url = URL.createObjectURL(bolb)
    42.         let video = document.querySelector('video')
    43.         video.src = url
    45.         //创建a标签，并调用点击事件
    46.         let a = document.createElement('a')
    47.         a.href = url
    48.         a.download = 'video.webm' //a标签的download属性设置下载文件的文件名
    49.         a.click()  // 调用点击，效果就是鼠标点一下
    50.       })
    52.       // 必须手动启动
    53.       mediaRecorder.start()
    54.     }
    55.     btn.click()
    57.   </script>
    58. </body>
    60. </html>