dynamsoft-javascript-barcode-7.0-11

by DynamsoftTeam

HTML

<!DOCTYPE html>
<html>

<body>
    <input id="ipt-0">
    <input id="ipt-1">
    <input id="ipt-2">
    <div id="div-video-container">
        <video class="dbrScanner-video" playsinline="true"></video>
    </div>
    <!--
        Please visit https://www.dynamsoft.com/CustomerPortal/Portal/TrialLicense.aspx to get trial license.
    -->
    <script src="https://cdn.jsdelivr.net/npm/keillion-dynamsoft-javascript-barcode@0.20201124110923.0/dist/dbr.js"
        data-productKeys="PRODUCT-KEYS"></script>
    <script>
        let iptIndex = 0;
        let scanner = null;
        (async()=>{
            scanner = await Dynamsoft.DBR.BarcodeScanner.createInstance();
            await scanner.setUIElement(document.getElementById('div-video-container'));
            scanner.onFrameRead = results => {console.log(results);};
            scanner.onUnduplicatedRead = (txt)=>{
                document.getElementById('ipt-' + iptIndex).value = txt;
                if(3 == ++iptIndex){
                    scanner.onUnduplicatedRead = undefined;
                    // Hide the scanner if you only need to read these three barcodes
                    scanner.hide();
                }
            };
            await scanner.show();
        })();
    </script>
</body>

</html>