chrome 的 QR 扫描器 npm 库抛出错误

QR Scanner npm library throwing errors for chrome

我正在使用库 https://github.com/felipenmoura/qr-code-scanner 来实现二维码扫描。我面临两个问题 -

  1. Google chrome 每当我点击按钮触发时抛出以下错误。该库在 Safari 上运行良好。

Uncaught (in promise) OverconstrainedError {name: "OverconstrainedError", message: "", constraint: "facingMode"}constraint: "facingMode"message: ""name: "OverconstrainedError"__proto__: OverconstrainedError

  1. 相机画面不适用于手机(Safari 和 chrome)。它打开相机,但不显示实时画面,而是一直显示 静态图像

我不确定这是否是二维码扫描的最佳库。我的目标是实现一个触发相机的按钮,扫描 QR,enter image description here 并将扫描的字符串放入输入字段。

我的密码是-

<script src='../scanner.js'></script>

<script>
    function tryIt () {
        window.QRScanner.initiate({
            match: /^[a-zA-Z0-9]{16,18}$/,
            onResult: function (result) {
              console.info('DONE: ', result);
              document.getElementById("memberno").value = result;
              },
            onError: function (err) { console.error('ERR :::: ', err); },
            onTimeout: function () { console.warn('TIMEDOUT'); },
        });
    }
</script>

按钮是 -

<button class="btn btn-outline-info" value='Scan QR' onclick='tryIt()' type="button" id="button-addon1">Scan QR</button>

对于仍在寻找最佳 QR 码扫描库答案的任何人-

我发现这个库 ScanThng 在图像扫描、摄像头扫描等方面相当不错