时间戳

首页 > 解决方案 > Chrome 扩展程序 - 如何定期访问网络摄像头和音频？

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

问题描述

我有一个我正在使用的 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 文件 - 我正在努力寻找有关如何使用它的任何文档或信息。

提前致谢！

标签： javascriptgoogle-chrome-extensionwebcam

解决方案

您可以创建一个选项页面（位于扩展目录中的 HTML 文件）并在那里授予一次相机/音频权限。在此之后，您可以直接在后台脚本中使用这些 API

这是这样做的示例。

推荐阅读