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 位于扩展目录中的文件）并在那里授予一次 camera/audio 权限。之后，您可以直接在 background scripts

中使用这些 API

这是example这样做的。

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

Chrome Extension - How to access webcam and Audio at intervals?

javascript

webcam

google-chrome-extension