Sunday, July 30, 2023

Qrcode Scanner Javascript

 <!DOCTYPE html>

<html>

<head>

    <title>Qr Code Scanner</title>

    <script src="https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js" type="text/javascript"></script>

</head>

<body>

    <div id="reader" width="600px"></div><br>

    <div id="result" width="600px"></div>

</body>

<script>

    // console.log(Html5QrcodeScanner);

    let html5QrcodeScanner = new Html5QrcodeScanner(

        "reader",

        { fps: 10, qrbox: { width: 250, height: 250 } },

  /* verbose= */ false);

    html5QrcodeScanner.render(onScanSuccess, onScanFailure);


    function onScanSuccess(result){

        document.getElementById("result").innerHTML=result;

        html5QrcodeScanner.clear();

        document.getElementById("reader").remove();

    }


    function onScanFailure(error){

        document.getElementById("result").innerHTML=error;

    }

</script>

</html>

No comments:

Post a Comment

Set Cookie dan Remove Cookie dengan php vanilla.js

< html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport...