camera - 通过 Web RTC 使用多个 USB 摄像头

Question

我想将多个 USB 摄像头与 Web RTC 一起使用。

例如） https://apprtc.appspot.com/?r=93443359

此应用程序是 Web RTC 示例。我可以连接到另一台机器，但我必须断开一次才能更换相机。

我想要的是，

1.在同一屏幕上同时使用两个摄像头。2.（如果1不可能），我想在不断开当前连接的情况下切换相机

有人知道如何在 Web RTC 上使用两个摄像头吗？

Answer 1

调用 getUserMedia 两次并在两者之间更改相机输入

Answer 2

您可以使用约束来指定要使用的相机，也可以将它们都显示在一个页面中。要指定使用哪个摄像头，请查看以下代码段（仅适用于 Chrome 30+）：

getUserMedia({
  video: {
    mandatory: {
      sourceId: webcamId,
      ...
    }
  }, 
  successCallback,
  failCallback);

webcamId您可以通过以下方式获得：

MediaStreamTrack.getSources(function(sources){
  var cams = _.filter(sources, function(e){ //only return video elements 
    return e.kind === 'video';
  });
  var camIds = _.map(cams, function (e) { // return only ids
    return e.id;
  });
});

在上面的代码片段中，我使用了下划线方法filter和map.

更多信息：

• WebRTC视频源
• 约束