Видео тег с вводом с камеры работает в Safari на iOS, но не работает ни в Chrome, ни в любом браузере внутри приложения

Question

Потоковое видео отлично работает на Android и Safari на iOS.Проблема возникает, когда мы пытаемся использовать Chrome на iOS или в браузере приложений.Я использую Vue в качестве компонента одного файла.

Мой HTML-код выглядит следующим образом:

<video
  height="400px"
  width="300px"
  autoplay
  playsinline
/>

Мой Vue JS-код выглядит следующим образом:

data: () => ({
  video: null,
}),
mounted() {
  navigator.mediaDevices.getUserMedia({
    audio: false,
    // Prioritize Rear Camera
    video: {facingMode: 'environment'},
  })
  .then(() => {
    this.video = document.querySelector('video');
    this.video.srcObject = stream;
    this.video.tracks = stream.getTracks();
  });
}

Любая помощь или альтернативные методы для решения этой проблемы будут оценены,Моя цель - запустить трансляцию с камеры на веб-странице и сделать снимок при нажатии.