浏览器中实现屏幕共享功能

在面试中,会出现一个经常用到的功能,就是在浏览器中实现屏幕共享。该功能使用了navigator.mediaDevices.getDisplayMediaAPI。

基本代码

使用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中

屏幕共享