浏览器中实现屏幕共享功能
在面试中,会出现一个经常用到的功能,就是在浏览器中实现屏幕共享。该功能使用了
navigator.mediaDevices.getDisplayMedia
API。基本代码
使用
navigator.mediaDevices.getDisplayMedia
录制,并放到video中。async function screenSharing() { const video = document.querySelector('video'); const stream = await navigator.mediaDevices.getDisplayMedia({ video: { cursor: 'always' }, audio: false }); video.srcObject = stream; video.play(); }
实现效果:屏幕共享并放到video中
屏幕共享