Заставить заднюю камеру на мобильном устройстве? - PullRequest
Новая
       26

Заставить заднюю камеру на мобильном устройстве?

0 голосов
/ 10 марта 2020

Попытка подключения Instascan Сканер QR-кода к AR. js. Все хорошо, но включается фронтальная камера на телефоне и не получается переключить ее на заднюю. Библиотеки отдельно работают с задними камерами и позволяют вам переключаться, а вместе включается только первая. Браузер Chrome не позволяет выбирать камеру при открытии страницы, поэтому проблема актуальна, в первую очередь, для него.

Пример кода: Codepen , MediaTrackSettings 

<html>
  <head>
    <script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
    <script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script>
    <script src="https://raw.githack.com/jeromeetienne/AR.js/2.2.2/aframe/build/aframe-ar.js"></script> 
  </head>
  <body>
    <a-scene>
        <a-entity camera></a-entity>
    </a-scene>
 </body>
</html>

// Instascan QR scanner
let scanner = new Instascan.Scanner(
  {
    video: document.getElementById('arjs-video')
  }
);
scanner.addListener('scan', function(content) {
  alert('Content: ' + content);
  window.open(content, "_blank");
});

// Instascan camera switch
Instascan.Camera.getCameras().then(function (cameras) {
  if (cameras.length > 1) {
    scanner.start(cameras[cameras.length - 1]);
  } else {
    scanner.start(cameras[0]);
  }
}).catch(function (e) {
  console.error(e);
});

// MediaTrackSettings
let supports = navigator.mediaDevices.getSupportedConstraints();
if (supports["facingMode"]) {
    alert('Not Support!');
} else {
  let constraints = {
    facingMode: { exact: "environment" }
};
myTrack.applyConstraints(constraints);
...