Quagga.js: 实时视频流中的条形码和二维码识别
warning:
这篇文章距离上次修改已过451天，其中的内容可能已经有所变动。
Quagga.js 是一个JavaScript库，用于在实时视频流中对条形码和二维码进行识别。以下是一个简单的例子，展示如何使用Quagga.js来识别视频流中的条形码和二维码：
<!DOCTYPE html>
<html>
<head>
<title>Quagga.js Barcode Detection</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/quagga/0.12.1/quagga.min.js"></script>
</head>
<body>
<video id="video" width="500" height="300" autoplay></video>
<script>
var video = document.getElementById('video');
Quagga.init({
inputStream : {
name : 'live',
type : 'LiveStream',
target: '#video', // Or '#yourElement' for jQuery compatibility
fps: 20, // Frames per second
endStreamAfterFra: 0 // Just stream forever
},
decoder : {
readers : ['code_128_reader', 'ean_reader', 'ean_8_reader', 'code_39_reader', 'code_39_vin_reader', 'codabar_reader', 'upc_reader', 'upc_e_reader', 'i2of5_reader', '2of5_reader', 'pdf417_reader']
}
}, function(err) {
if (err) {
console.log(err);
return;
}
console.log("Initialization finished. Ready to start");
Quagga.start();
});
Quagga.onDetected(function(data) {
console.log("Barcode detected", data);
Quagga.stop();
});
</script>
</body>
</html>这段代码首先引入了Quagga.js库，然后初始化Quagga，指定视频流源和需要识别的编码器。之后，当条形码或二维码被检测到时，它会在控制台输出结果，并停止视频流的解析。这个例子提供了一个基本框架，您可以根据自己的需求进行扩展和调整。
评论已关闭