我正在制作一个Web应用程序,该应用程序需要使用权限查询来检查是否已授予用户相机访问权限.

我已经尝试了代码：

navigator.permissions.query({name:'camera'}).then(function(result) {
 console.log(result);
});

它在Google Chrome 70上运行良好,但在Firefox上却给我一个错误：

TypeError：PermissionDescriptor’camera’的’name’成员不是枚举PermissionName的有效值.

我一直在寻找这个问题,但没有任何帮助.

有人可以帮我吗？

谢谢,

解决方法:

Permissions API被标记为实验技术.

问题是Firefox确实具有navigator.permissions并支持其上的查询方法,但是,它不支持MDN’s Permissions API page上列出的所有权限名称.

您可以自己尝试：转到Firefox上的控制台并执行

// geolocation is working fine
navigator.permissions.query({ name: 'geolocation' }).then(console.log)

// camera, microphone is not supported, throws
navigator.permissions.query({ name: 'camera' })
// TypeError: 'name' member of PermissionDescriptor 'camera' is not a valid value for enumeration PermissionName.
navigator.permissions.query({ name: 'microphone' })
// TypeError: 'name' member of PermissionDescriptor 'microphone' is not a valid value for enumeration PermissionName.

Github在mozilla/standards-positions中公开讨论了它们在Permissions API上的位置.老实说,正如我所看到的,他们尚未得出任何结论.

您可以做的是创建一个基本功能,该功能可在所有没有权限信息的浏览器上使用,并且在Chrome上,您可以通过使用Permissions.query来确定摄像头和麦克风的权限来逐步增强用户体验.

另外,您可以提出一些逻辑来使用MediaDevices.getUserMedia进行处理：例如,您可以调用getUserMedia并立即停止轨道,如果您唯一需要做的就是确保您的应用程序具有授予麦克风和摄像头的权限.但是要小心,这有多个问题：

>相机灯将打开一秒钟
>如果您的用户拒绝许可,您将很难再次请求它,因此在请求许可之前,您应向用户说明为什么需要这些许可