我想在html和javascript的一个网页上使用两个摄像头。

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    // 在成功获取访问权限后执行的代码
  })
  .catch(function(error) {
    // 处理访问权限被拒绝或其他错误的情况
  });

navigator.mediaDevices.enumerateDevices()
  .then(function(devices) {
    var cameras = devices.filter(function(device) {
      return device.kind === 'videoinput';
    });
    
    // 在HTML中显示摄像头列表供用户选择
    
    // 当用户选择摄像头后，通过deviceId指定要使用的摄像头
    var constraints = { video: { deviceId: selectedDeviceId } };
    
    // 通过constraints参数获取用户选择的摄像头
    return navigator.mediaDevices.getUserMedia(constraints);
  })
  .then(function(stream) {
    // 在成功获取访问权限后执行的代码
  })
  .catch(function(error) {
    // 处理访问权限被拒绝或其他错误的情况
  });

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    var videoElement = document.getElementById('videoElement');
    videoElement.srcObject = stream;
  })
  .catch(function(error) {
    // 处理访问权限被拒绝或其他错误的情况
  });