qrScan.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html lang="en">
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="author" lang="fr" content="Maxence Bacquet">
  5. <title>Microfolies</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css">
  7. <script type="text/javascript" src="./js/jsQRScanner/jsqrscanner.nocache.js"></script>
  8. <script type="text/javascript">
  9. function onQRCodeScanned(scannedText)
  10. {
  11. var scannedTextMemo = document.getElementById("resultScan");
  12. if(scannedTextMemo)
  13. {
  14. scannedTextMemo.value = scannedText;
  15. }
  16. }
  17. //this function will be called when JsQRScanner is ready to use
  18. function JsQRScannerReady()
  19. {
  20. //create a new scanner passing to it a callback function that will be invoked when
  21. //the scanner succesfully scan a QR code
  22. var jbScanner = new JsQRScanner(onQRCodeScanned);
  23. //reduce the size of analyzed images to increase performance on mobile devices
  24. jbScanner.setSnapImageMaxSize(300);
  25. var scannerParentElement = document.getElementById("scanner");
  26. if(scannerParentElement)
  27. {
  28. //append the jbScanner to an existing DOM element
  29. jbScanner.appendTo(scannerParentElement);
  30. }
  31. }
  32. </script>
  33. </head>
  34. <body>
  35. <h1>Scanner QRcode</h1>
  36. <div id="scanner">
  37. </div>
  38. <div>
  39. <textarea id="resultScan" readonly="yes">Result of scanning !</textarea>
  40. </div>
  41. </body>
  42. </html>