dynamsoft-javascript-barcode-7.0-7

by DynamsoftTeam

HTML

<!DOCTYPE html>
<html>

<body>
    <div id="div-video-container">
        <select class="dbrScanner-sel-camera"></select>
        <select class="dbrScanner-sel-resolution">
            <option class="dbrScanner-opt-gotResolution" value="got"></option>
            <option data-width="1920" data-height="1080">1920 x 1080</option>
            <option data-width="1280" data-height="720">1280 x 720</option>
            <option data-width="640" data-height="480">640 x 480</option>
        </select>
        <br>
        <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 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, result) => {alert(txt);};
            await scanner.show();
        })();
    </script>
</body>

</html>