使用 JavaScript 的屏幕录制部分

Question

我正在尝试用 JavaScript 实现一个屏幕录像机来记录视频源而不是整个屏幕。我的问题是这是否可以使用 getDisplayMedia 或者是否有一个库来实现这一点。这是我当前的实现，它将询问并记录整个屏幕。

const handleRecord = async () => {
    // console.log('record')
    let stream = await navigator.mediaDevices.getDisplayMedia({
      video: true
    })
    // Needed for better browser support 
    const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9")
      ? "video/webm; codecs=vp9"
      : "video/webm"

    let mediaRecorder = new MediaRecorder(stream, { mimeType: mime })

    let chunks = []
    mediaRecorder.addEventListener('dataavailable', ({ data }) => chunks.push(data))

    mediaRecorder.addEventListener('stop', function () {
      let blob = new Blob(chunks, {type: chunks[0].type})
      let url = URL.createObjectURL(blob)
      let video = document.querySelector("#cameraFeed")
      video.src = url

      let a = document.createElement('a')
      a.href = url
      a.download = 'video.webm'
      a.click()
    })

    //we have to start the recorder manually
    mediaRecorder.start()
  }

Answer 1

据我了解你的问题 如果是，你想记录用户摄像头吗

let stream = await navigator.mediaDevices.getUserMedia({
  video: { facingMode: "user" },
})

如果您感到任何困难，请随时提出！