在h5使用了video开启摄像头，但是每次会弹窗询问是否允许，怎么去除？

Question

我在小程序中嵌套了一个h5网页，在h5使用了video开启摄像头，但是每次会弹窗询问是否允许，怎么跳过允许，或者说记住用户第一次的决定，不要再重复弹窗询问是否允许打开摄像头

```javascript
在h5使用了video开启摄像头，但是每次会弹窗询问是否允许
navigator.mediaDevices.getUserMedia({ video: { width: 320, height: 240, frameRate: 6 } })

```

Answer 1

引自免费微信小程序：皆我百晓生

在H5中使用video标签访问摄像头时，浏览器为了保护用户的隐私，默认会弹窗询问用户是否允许网站获取摄像头权限。目前，没有直接的API或方法可以完全去除这个权限确认提示，这是由浏览器的安全策略决定的。

不过，你可以通过一些方式优化用户体验：

1. 持久化权限状态：利用navigator.mediaDevices.getUserMedia() API请求摄像头权限，首次授权后，大多数现代浏览器（如Chrome、Firefox）会记住用户的决定，下次不会再弹出询问。你可以在用户第一次访问时请求权限，并根据结果记录到localStorage或者cookie中，之后判断状态避免重复请求。

if (!localStorage.getItem('cameraPermission')) {
    navigator.mediaDevices.getUserMedia({ video: true })
        .then(function(stream) {
            // 用户已同意，可以使用摄像头
            localStorage.setItem('cameraPermission', 'allowed');
            // ...其他操作
        })
        .catch(function(err) {
            // 用户拒绝或出现错误
            localStorage.setItem('cameraPermission', 'denied');
        });
} else if (localStorage.getItem('cameraPermission') === 'allowed') {
    // 直接尝试获取摄像头流
    // ...
}

1. 提示用户设置权限：如果用户已经拒绝过权限，但在后续操作需要再次访问摄像头时，可以通过页面提示告知用户在浏览器设置中更改权限。

请注意，上述代码只是模拟了权限状态的持久化存储，实际应用中可能需要结合具体业务逻辑进行处理。同时，不同浏览器对权限管理的具体实现和持久化策略可能存在差异，开发者应针对不同浏览器做兼容处理。