为了能够实现共享屏幕,我们第一步需要把屏幕的视频流获取到
现在就通过js来获取到本地屏幕流并展示
要在JavaScript中获取屏幕视频流,您可以使用WebRTC技术中的getDisplayMedia方法。该方法可以在现代浏览器中使用,例如Google Chrome和Mozilla Firefox。
以下是使用getDisplayMedia方法来获取屏幕视频流的示例代码:
html
<video autoplay></video>
// 获取屏幕视频流 navigator.mediaDevices.getDisplayMedia({video: true}) .then(stream => { // 将视频流分配给视频元素 const videoElement = document.querySelector('video'); videoElement.srcObject = stream; }) .catch(error => { console.error('Error accessing media devices.', error); });
成功获取到视频流
标签:客服,视频流,音视频,获取,getDisplayMedia,error,屏幕 From: https://www.cnblogs.com/taoshihan/p/17128706.html