js
navigator.mediaDevices.getDisplayMedia({ video: true })
.then(stream => {
// 用户同意分享屏幕,你可以将stream用于视频元素展示或RTCPeerConnection等
const videoElement = document.querySelector('video');
videoElement.srcObject = stream;
videoElement.onloadedmetadata = () => {
videoElement.play();
};
})
.catch(error => {
console.error("Error accessing screen capture: ", error);
});
html
<video style="width: 900px; height: 600px"></video>