Chrome 扩展 - 如何定期访问网络摄像头和音频？

Question

我正在使用一个 chrome 扩展程序，我想与我的网络摄像头集成来执行一些时髦的计算机视觉和音频 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 文件）并在那里授予一次相机/音频权限。之后，您可以直接在后台脚本中使用这些API

这是这样做的示例。