我正在使用一个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文件吗?我很难找到任何关于如何使用它的文档或信息。
提前感谢!
您可以创建一个选项页(位于扩展目录中的HTML文件(,并在那里授予一次相机/音频权限。之后,您可以在后台脚本中直接使用这些API
以下是这样做的例子。