Камера не работает на iOS, ошибка в getUserMedia

Я пытаюсь понять, и я почти уверен, что проблема не в том, что он мне говорит.

Я создаю PWA с Vue.js. Когда я запускаю камеру, она не работает на iOS (v11+). Я пробовал много вариантов, но понятия не имел, что происходит и как правильно отлаживать скомпилированный код в инструменте разработчика Safari (точки останова просто не будут работать).

вот код:

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.

Любая идея, как отладить эту ошибку?

==== ОБНОВЛЕНИЕ ====

При разработке на локальном хосте и отсутствии HTTPS для среды разработки выполнение yarn server и подключение к обслуживаемому IP-адресу по сети

Я включил параметр для WebRTC:

Но это не помогает.