浏览器中实现屏幕共享功能
在面试中,会出现一个经常用到的功能,就是在浏览器中实现屏幕共享。该功能使用了
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中
屏幕共享