为了获得两个视频 mediaStreamTrack，我应该将哪些约束传递给 getUserMedia()？

Question

我可以通过navigator.mediaDevices.enumerateDevices() promise 获得“videoinput”类型的 mediaDevices。

我可以通过navigator.mediaDevices.getUserMedia(constraints) promise 获得 mediaStream。

constraints 应该是什么样子才能在 userMedia 中拥有两个视频轨道？

Answer 1

每次拨打getUserMedia()，您最多可以获得一个视频轨道和一个音频轨道，但您可以多次调用它。这可能会多次询问用户，具体取决于 https、浏览器和用户的操作。

按照the standard（此时需要在Chrome中使用adapter.js），要获得特定的“视频输入”设备，请使用deviceId约束将其deviceId传递给getUserMedia：

navigator.mediaDevices.enumerateDevices()
.then(devices => {
  var camera = devices.find(device => device.kind == "videoinput");
  if (camera) {
    var constraints = { deviceId: { exact: camera.deviceId } };
    return navigator.mediaDevices.getUserMedia({ video: constraints });
  }
})
.then(stream => video.srcObject = stream)
.catch(e => console.error(e));

exact 关键字使约束成为必需，保证它只会返回正确的，否则会失败。

如果您想要两个摄像头，则必须再次使用不同的deviceId 调用getUserMedia，并希望您使用的操作系统支持它（例如手机通常不支持）。