choozmo
/
ArkCard-Linebot


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<html>
<head>
    <title>Html-Qrcode Demo</title>
<body>
    <div id="qr-reader" style="width:500px"></div>
    <div id="qr-reader-results"></div>
</body>
<script src="./html5-qrcode.min.js"></script>
<script>
// function onScanSuccess(decodedText, decodedResult) {
//   // handle the scanned code as you like, for example:
//   console.log(`Code matched = ${decodedText}`, decodedResult);
// }

// function onScanFailure(error) {
//   // handle scan failure, usually better to ignore and keep scanning.
//   // for example:
//   console.warn(`Code scan error = ${error}`);
// }

// function docReady(fn) {
//     // see if DOM is already available
//     if (document.readyState === "complete"
//         || document.readyState === "interactive") {
//         // call on next available tick
//         setTimeout(fn, 1);
//     } else {
//         document.addEventListener("DOMContentLoaded", fn);
//     }
// }

// docReady(function () {
//     var resultContainer = document.getElementById('qr-reader-results');
//     var lastResult, countResults = 0;
//     function onScanSuccess(decodedText, decodedResult) {
//         if (decodedText !== lastResult) {
//             ++countResults;
//             lastResult = decodedText;
//             // Handle on success condition with the decoded message.
//             console.log(`Scan result ${decodedText}`, decodedResult);
//         }
//     }

//     var html5QrcodeScanner = new Html5QrcodeScanner(
//         "qr-reader", { fps: 10, qrbox: 250 });
//     html5QrcodeScanner.render(onScanSuccess);
// });

const html5QrCode = new Html5Qrcode("qr-reader");
const qrCodeSuccessCallback = (decodedText, decodedResult) => {
    /* handle success */
    alert('Mike'); // test
};
const config = { fps: 10, qrbox: 250 };

// If you want to prefer back camera
html5QrCode.start({ facingMode: "environment" }, config, qrCodeSuccessCallback);

html5QrcodeScanner.render(onScanSuccess);
</script>
</head>
</html>