使用 javascript 从通过 USB 端口连接到笔记本电脑的多个摄像头捕获视频

Question

我目前正在构建一个界面，该界面需要根据用户在前端点击的内容控制至少转动 2 个摄像头 on/off。目前，我正在尝试查看是否可以通过 javascript 进行视频捕获，或者我是否应该使用 python 进行视频捕获（我看到了一些使用 OpenCV 的指南？）并以某种方式将其与 javascript?相机将通过 USB 端口连接到设备。

任何建议都会很棒！谢谢！

Answer 1

是的，现在在浏览器中执行此操作实际上是微不足道的。您正在寻找的是 Media Device API.

例如获取设备列表：

const devices = await navigator.mediaDevices.enumerateDevices();

从默认摄像头获取视频：

const stream = await navigator.mediaDevices.getUserMedia({video: true});

要显示该视频：

document.querySelector('video').srcObject = stream;

如果您想从特定设备 ID 获取视频，请在约束中指定它。

const stream = await navigator.mediaDevices.getUserMedia({
  video: {
    deviceId: someDeviceIdGoesHere
  }
});

使用 javascript 从通过 USB 端口连接到笔记本电脑的多个摄像头捕获视频

Capture videos from multiple camera connected through USB port to laptop using javascript

javascript

python

video

camera

video-streaming