是否有可能在不询问用户权限的情况下检测浏览器摄像头？

Question

在你们大肆抨击我之前，我知道我的要求被认为是不好的，但我并不是在寻找一些不光彩的策略，以在未经许可的情况下进入某人的相机。让我解释一下这个请求背后的原因，希望有人能提出一个替代的解决方案。

我有一个电子商务产品页面，在该页面上我有一个按钮，允许用户查看覆盖在相机上的产品图像，以便在他们的环境中查看产品(考虑增强现实，但不是在3d空间中)。

我想要做的是在我向“假AR查看器”显示按钮之前，检测用户是否具有相机功能。我用过navigator.mediaDevices.getUserMedia，但它会提示用户允许拍照，当你第一次登陆页面时，这有点让人反感：“为什么电商网站要我的相机？”

到目前为止，我能想到的最好的选择是检测web浏览器，如果它是移动端的，并且有支持视频的版本，那么就显示按钮。

Answer 1

使用navigator.mediaDevices.enumerateDevices()接口。大致如下：

navigator.mediaDevices.enumerateDevices()
.then(devices => {
  devices.forEach(device => {
    if (device.kind === 'videoinput') {
      console.log('found camera');
    }
  })
})

Answer 2

据我所知，您希望检测浏览器是否会使用自己的消息框请求许可，并让用户为此做好准备。那么你可以试试Permissions API

navigator.permissions.query({name: 'camera'}).then(function (permissionStatus) {
  if (permissionStatus.state === 'prompt') {
    // show your own message box here
    // don't forget to pause execution until user reads it, before getUserMedia() call
  }
})