帮我写一个html的扫描条形码源码
时间: 2024-02-06 07:03:41 浏览: 23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>扫描条形码</title>
<script src="https://cdn.bootcss.com/quagga/0.12.1/quagga.min.js"></script>
</head>
<body>
<h1>扫描条形码</h1>
<div id="interactive" class="viewport"></div>
<script type="text/javascript">
Quagga.init({
inputStream : {
name : "Live",
type : "LiveStream",
target: document.querySelector('#interactive'),
constraints: {
width: 640,
height: 480,
facingMode: "environment"
},
},
decoder: {
readers : ["ean_reader"]
}
}, function(err) {
if (err) {
console.log(err);
return;
}
console.log("Initialization finished. Ready to start");
Quagga.start();
});
Quagga.onDetected(function(result) {
console.log("Barcode detected and processed : [" + result.codeResult.code + "]", result);
});
</script>
</body>
</html>