60 lines
908 B
HTML
60 lines
908 B
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>JQuery HTML5 QR Code Scanner using Instascan JS Example - ItSolutionStuff.com</title>
|
||
|
|
|
||
|
|
<script src="js/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<script src="js/instascan.min.js"></script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h1>JQuery HTML5 QR Code Scanner using Instascan JS Example - ItSolutionStuff.com</h1>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<video id="preview"></video>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
|
||
|
|
|
||
|
|
scanner.addListener('scan', function (content) {
|
||
|
|
|
||
|
|
alert(content);
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Instascan.Camera.getCameras().then(function (cameras) {
|
||
|
|
|
||
|
|
if (cameras.length > 0) {
|
||
|
|
|
||
|
|
scanner.start(cameras[0]);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
console.error('No cameras found.');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}).catch(function (e) {
|
||
|
|
|
||
|
|
console.error(e);
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|