ディスプレイのキャプチャを取得するスニペット

medea-stream.js

videoElm = document.createElement("video");
videoElm.setAttribute('autoplay', true)
document.body.append(videoElm);

navigator.mediaDevices
  .getDisplayMedia({ video: true })
  .then((mediaStream) => {
    const localStream = mediaStream;
    videoElm.srcObject = mediaStream;
  })
  .catch((error) => {
    console.log("navigator.getUserMedia error: ", error);
  });