barcode-detector-polyfill
Version:
Polyfill for BarcodeDetector API
62 lines (59 loc) • 1.71 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BarcodeDetector Polyfill Example</title>
</head>
<body>
<img id="theImage"/>
<div id="output">...</div>
</body>
<script>
// window.BarcodeDetector = function() {
// return {
// detect: function() {return Promise.resolve([])}
// }
// }
</script>
<script>
(function () {
function loadScript(src, done) {
var $script = document.createElement('script');
$script.src = src;
$script.onload = function() {
done();
};
$script.onerror = function() {
done(new Error('Failed to load script ' + src));
};
document.head.appendChild($script);
}
if ('BarcodeDetector' in window) {
startTheApp();
} else {
loadScript(
"../BarcodeDetector.min.js",
startTheApp
);
}
})()
function startTheApp() {
var $img = document.getElementById('theImage');
var $output = document.getElementById('output');
var imgUrl = '2007001523239-01_N95-2592x1944_scaledTo800x600bilinear.jpg';
var barcodeDetector = new BarcodeDetector();
// img.crossOrigin = "No CORS";
$img.onload = function() {
barcodeDetector.detect($img).then(results => {
str = results.map(function (res) {
return res.rawValue
}).join(', ');
$output.innerHTML = str;
console.log(results)
});
}
$img.src = imgUrl
}
</script>
</html>