js 录屏分享_js分享屏幕

使用(不支持IE)：复制代码，F12打开浏览器控制台粘贴，双 击页面body选择开始录屏，发送->浏览器打开。

  const ScreenCAP = document.querySelector("body")
  ScreenCAP.addEventListener("dblclick", async function () {
  if(!navigator.mediaDevices) return alert('当前页面不支持录屏操作');
  const stream = await navigator.mediaDevices.getDisplayMedia({video: true})

  // 浏览器支持
    const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") 
             ? "video/webm; codecs=vp9" : "video/webm";
    const mediaRecorder = new MediaRecorder(stream, {mimeType: mime})

    const chunks = []
    mediaRecorder.addEventListener('dataavailable', function(e) {chunks.push(e.data)})

    mediaRecorder.addEventListener('stop', function(){
      const blob = new Blob(chunks, {type: chunks[0].type})
      const url = URL.createObjectURL(blob)
	  // 下载
      const a = document.createElement('a')
      a.href = url
      a.download = 'js录屏.webm'
      a.click()
    })
    // 启动
    mediaRecorder.start()
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26