当我允许相机或麦克风（javascript）时，chrome会触发什么事件

Question

我希望在我的 js 应用程序中知道我何时允许（或不允许）摄像头和/或麦克风；当我从应用程序第一次尝试 getUserMedia() 时出现的弹出窗口中进行选择后，就会发生这种情况。

如果我启用摄像头和麦克风，我想使用 enumerateDevices() 再次获取设备。但是找不到用户单击允许后发生的事件或事件...

Answer 1

您的代码将如下所示：https://jsfiddle.net/etondm56/6/

function hasGetUserMedia() {
  return !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||
    navigator.mozGetUserMedia || navigator.msGetUserMedia);
}

if (hasGetUserMedia()) {
  var errorCallback = function(e) {
    alert('Reeeejected!', e);
  };

  // Not showing vendor prefixes.
  navigator.getUserMedia({
    video: true,
    audio: true
  }, function(localMediaStream) {
    alert('good to go');
    navigator.mediaDevices.enumerateDevices()
      .then(function(devices) {
        devices.forEach(function(device) {
          alert(device.kind + ": " + device.label +
            " id = " + device.deviceId);
        });
      })
      .catch(function(err) {
        alert(err.name + ": " + err.message);
      });
  }, errorCallback);
} else {
  alert('cant get data');
}

请注意，如果它已被允许，您将收到“good to go”提醒。您必须在允许摄像头或麦克风重新测试的网站上删除该权限。