jeffreyveon 的回答将有助于减少您的用户选择拒绝的机会，因为她只需选择一次。

如果她确实单击了拒绝，您可以提供一条消息，解释您为什么需要许可以及如何更新她的选择。例如：

navigator.getUserMedia (
   // constraints
   {
      video: true,
      audio: true
   },

   // successCallback
   function(localMediaStream) {
      var video = document.querySelector('video');
      video.src = window.URL.createObjectURL(localMediaStream);
      video.onloadedmetadata = function(e) {
         // Do something with the video here.
      };
   },

   // errorCallback
   function(err) {
    if(err === PERMISSION_DENIED) {
      // Explain why you need permission and how to update the permission setting
    }
   }
);

Chrome 实现了Permissions APIin navigator.permissions，这也适用于camera和microphone权限。

所以到目前为止，在调用之前getUserMedia()，你可以使用这个 API 来查询你的相机和麦克风的权限状态：

 navigator.permissions.query({name: 'microphone'})
 .then((permissionObj) => {
  console.log(permissionObj.state);
 })
 .catch((error) => {
  console.log('Got error :', error);
 })

 navigator.permissions.query({name: 'camera'})
 .then((permissionObj) => {
  console.log(permissionObj.state);
 })
 .catch((error) => {
  console.log('Got error :', error);
 })

成功时，permissionObj.state将返回denied,granted或prompt。

有用的SF问题/答案在这里

对于跨浏览器解决方案，一种简单的方法可以是监视getUserMedia()Promise 被调用与被拒绝或解决之间的时间差，如下所示：

// In the Promise handlers, if Date.now() - now < 500 then we can assume this is a persisted user setting
var now = Date.now();
navigator.mediaDevices.getUserMedia({audio: true, video: false})
.then(function(stream) {
  console.log('Got stream, time diff :', Date.now() - now);
})
.catch(function(err) {
  console.log('GUM failed with error, time diff: ', Date.now() - now);
});

这篇Medium 文章提供了更多细节。

希望这可以帮助！

使用 HTTPS。当用户授予一次权限时，它会被记住，Chrome 不会再次请求该页面的权限，您可以立即访问媒体。这不会为您提供再次强制用户使用权限栏的方法，但至少可以确保一旦用户授予权限一次，您就不必继续要求它。

如果您的应用程序从 SSL (https://) 运行，则此权限将是持久的。也就是说，用户不必每次都授予/拒绝访问权限。

请参阅：http : //www.html5rocks.com/en/tutorials/getusermedia/intro/

请注意以下几点。

1. Localhost: In Localhost Chrome Browser asking permission only one time and Firefox every pageload.

2. HTTPS: Both Browsers Chrome and Firefox asking permission only one time.

对此的更新答案是，当请求通过 HTTP 时，Chrome（目前在 73 上测试）不再持续提示相机访问。

然而，Firefox 确实如此。