相机无法在 iOS 上运行，getUserMedia 出错

Question

我试图理解，而且我很确定问题不在于它告诉我的内容。

我正在使用 Vue.js 构建 PWA。 当我初始化相机时，它在 iOS (v11+) 上不起作用。 我尝试了许多变体，但不知道后面发生了什么以及如何在 Safari Developer 工具中正确调试编译的代码（断点不起作用）。

这是代码：

async init () {

    // Media Device settings
    const constraints = {
      audio: false,
      video: {
        facingMode: (this.camera.mode === 'front') ? 'user' : { exact: 'environment' },
        width: this.camera.size.width,
        height: this.camera.size.height
      }
    }

    try {
      const stream = await navigator.mediaDevices.getUserMedia(constraints)
      this.tracks = stream.getVideoTracks()
      this.video.srcObject = stream

      // Toggle the camera state
      this.toggleCamera(true)

      // Check for realtime validation
      if (this.realtime) {
        this.validatePhotoRealtime()
      }
    } catch (e) {
      this.handleErrorMessage(`getUserMedia error: ${e.name}`, e)
    }
  }

这是我在控制台窗口中得到的：

Trying to call getUserMedia from an insecure document.