Chrome扩展-如何间隔访问摄像头和音频？

Question

我有一个我正在使用的铬扩展，我想集成到我的网络摄像头，以做一些时髦的计算机视觉和音频ML的东西。

通常我会做类似这样的事情，

对于音频，

<audio id="player" controls></audio>
<script>
  const player = document.getElementById('player');

  const handleSuccess = function(stream) {
    if (window.URL) {
      player.srcObject = stream;
    } else {
      player.src = stream;
    }
  };

  navigator.mediaDevices.getUserMedia({ audio: true, video: false })
      .then(handleSuccess);
</script>

对于网络摄像头

<video autoplay></video>

<script>
const constraints = {
  video: true
};

const video = document.querySelector('video');

navigator.mediaDevices.getUserMedia(constraints).
  then((stream) => {video.srcObject = stream});
</script>

使用chrome扩展，最好的途径是使用background.js文件-我正在努力寻找任何关于如何使用它的文档或信息。

提前感谢！

Answer 1

您可以创建一个选项页面(位于扩展目录中的HTML文件)，并在其中一次授予摄像头/音频权限。之后，您可以直接在background scripts中使用这些API

下面是这样做的example。