Instascan 无法在手机上运行

Dan*_*kal 5 html javascript camera qr-code

我目前正在开发一个关于网络扫描二维码的小项目。当我在桌面上使用它时,网络摄像头工作正常并且可以扫描二维码,但当我在智能手机上使用它时遇到问题。后置和前置摄像头均不适用于智能手机。

我的代码:

<script>

  let scanner = new Instascan.Scanner(
  {
    video: document.getElementById('preview')
  }
);

scanner.addListener('scan', function(content) {
  alert('The Content is : ' + content);
  window.open(content, "_blank");
});



 Instascan.Camera.getCameras().then(cameras => {
      if (cameras.length > 0) {
        scanner.start(cameras[0]);
      } else {
        console.error("There is no camera available");
      }
    });


</script>
Run Code Online (Sandbox Code Playgroud)

所以,我什至尝试更改index为1但它仍然不起作用:

if (cameras.length > 0) {
        scanner.start(cameras[1]);
Run Code Online (Sandbox Code Playgroud)

如何启用智能手机上的相机?非常感谢您的帮助。

小智 -1

       if (cameras.length > 1) {
            scanner.start(cameras[1]);

        }
        else if (cameras.length > 0) {
            scanner.start(cameras[0]);
        } else {
            console.error('No cameras found.');
        }
Run Code Online (Sandbox Code Playgroud)

  • 欢迎来到堆栈溢出。没有任何解释的代码很少有帮助。Stack Overflow 是关于学习的,而不是提供用于盲目复制和粘贴的片段。请编辑您的问题并解释它如何回答所提出的具体问题。请参阅[如何回答](https://stackoverflow.com/help/how-to-answer)。 (3认同)