Обнаружение и захват QR-кода как изображения из живого видеопотока в JavaScript - PullRequest
Новая
       80

Обнаружение и захват QR-кода как изображения из живого видеопотока в JavaScript

0 голосов
/ 16 февраля 2020

Я работаю над проектом, в котором мне нужно обнаружить код qr из живого видеопотока, а затем захватить его как изображение. Я успешно сканирую код qr, но не знаю, как его обнаружить и захватить эту область как изображение?

Вот что я пробовал: 

<video id="preview"></video>

<script type="text/javascript">

    let scanner = new Instascan.Scanner({video: document.getElementById('preview')});
    scanner.addListener('scan', function (content) {
        alert(content);
    });
    Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
            scanner.start(cameras[0]);
        } else {
            console.error('No cameras found.');
        }
    }).catch(function (e) {
        console.error(e);
    });
</script>

1 Ответ

0 голосов
/ 27 апреля 2020

Вот демонстрация, которая использует jsQR: https://cozmo.github.io/jsQR/ Я не знаю Instascan.Scanner, но я предлагаю, чтобы оба работали одинаково. Таким образом, вы можете добавить обратный вызов к вашему слушателю instascan, который затем считывает измерения захваченного кода qr и затем записывает его (как в примере: здесь они используют window.requestAnimationFrame (), чтобы нарисовать границу вокруг захваченного QR-кода).

...