不能在电子中使用navigator.mediaDevices.getDisplayMedia

Question

我想用电子获取系统音频输出，但是当我在电子中使用navigator.mediaDevices.getDisplayMedia时，收到了一个错误"DOMException: Requested“，但是它在浏览器中工作，这是我的代码。

public onPrecess(fn: callBack) {
    navigator.mediaDevices
      // @ts-ignore
      .getDisplayMedia({
        audio: true,
        video: true,
      })
      .then((stream: MediaStream) => {
        fn(stream)
      })
      .catch((err: string) => {
        console.error(err)
      })
  }

是什么导致了这个问题？

Answer 1

电子使它很容易创建一个窗口，然后加载指定的网页来渲染。但是，如果网页包含WebRTC屏幕共享逻辑，您会发现电子的行为与Chrome不同。问题是，电子没有为Chrome支持的Web实现getDisplayMedia接口，导致应该弹出视频流选择的屏幕不显示。