vue iOS 调取摄像头不在video展示

vue ios 调取前置摄像头在video上展示时,报错The request is not allowed by the user agent or the platform in the current context,possibly because the user denied permission是怎么回事,但是浏览器打开了相机权限,也可以拍照,就是打开摄像头不在video展示并报错,安卓是可以展示的,我也加了https

在当前上下文中,用户代理或平台不允许该请求,可能是因为用户拒绝了权限

这个错误提示是因为 iOS 系统的限制,需要在用户交互的情况下才能调用摄像头。你可以尝试在用户点击某个按钮或者其他交互事件后再调用摄像头,这样就可以避免这个错误了。

另外,你也可以检查一下你的代码是否正确地请求了摄像头权限,可以参考以下代码:

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    // 成功获取到摄像头权限,可以在 video 标签中展示摄像头画面了
    var video = document.querySelector('video');
    video.srcObject = stream;
    video.play();
  })
  .catch(function(error) {
    // 获取摄像头权限失败,可以在这里处理错误
    console.log('getUserMedia error: ', error);
  });

如果你已经正确地请求了摄像头权限,但是仍然无法在 video 标签中展示摄像头画面,那么可能是因为 iOS 系统的限制,你需要在用户交互的情况下才能调用摄像头。