javascript - Instascan 无法在手机中使用

标签 javascript html camera qr-code

我目前正在开发我的 Web Scan 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>

所以,我什至尝试更改 index1但它仍然不起作用:
if (cameras.length > 0) {
        scanner.start(cameras[1]);

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

最佳答案

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

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

关于javascript - Instascan 无法在手机中使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51973266/

相关文章:

jquery - 访问 html 5 相机闪光灯

python - 使用 OpenCV 使用 Python 访问 Prosilica GigE 相机时,函数调用在 C 中有效,但在 Python 中出现段错误

javascript - jQuery 隐藏和显示不正确(多次)

jquery - 单击模态中的按钮滚动到 Bootstrap 模态的顶部

javascript - 如何将数据从 jquery 传递到 html?

html - 嵌套表单在 HTML5 中有效吗?

javascript - Vue.js - 每组仅单击一个按钮即可生成动态按钮

php - 如何使用 Android 拍照并发送到 HTTP POST 请求?

javascript - Google OAuth 一次性并保存访问 token 以供将来使用(长期访问 token )

javascript - 如何在没有身份验证页面的情况下将网络表单直接发布到 Google 表格?