JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://rawgithub.com/serratus/quaggaJS/441534cd8ba2ff15e4231ed41e77b10d5b3cc9ee/dist/quagga.min.js"></script>
<p>Barcode: <span class="found"></span></p>
<div id="interactive" class="viewport"></div>
JavaScript
Quagga.init({
inputStream: {
name: "Live",
type: "LiveStream",
constraints: {
width: 640,
height: 480,
facing: "environment"
}
},
locator: {
patchSize: "medium",
halfSample: true
},
numOfWorkers: 4,
locate: true,
decoder : {
readers: ["code_128_reader", "ean_reader"]
}
}, function() {
Quagga.start();
});
Quagga.onDetected(function(result) {
var code = result.codeResult.code;
document.querySelector(".found").innerHTML = code;
});