javascript - 当我允许摄像头或麦克风(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');
}

请注意，如果它已被允许，您将收到“一切顺利”提示。您必须删除您允许摄像头或麦克风重新测试的网站的权限。