Я пытаюсь понять, и я почти уверен, что проблема не в том, что она говорит мне.
Я создаю PWA с помощью Vue.js.Когда я запускаю камеру, она не работает на 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.
Любая идея, как отладить этоошибка?
==== ОБНОВЛЕНИЕ ====
При разработке на локальном хосте и отсутствии https для среды разработки, выполните yarn server и подключитесь к обслуживаемомуIP по сети
Я включил опцию для WebRTC: 
Но этоне помогает.