Question

我想在Web RTC中使用多个USB摄像头。

对于前） 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;
  });
});

在上面的代码段中，我使用了underscore方法filter和map。

更多信息：

WebRTC video sources
constraints

将多个USB摄像头与Web RTC配合使用

2 个答案: