Claudio Ortolina
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
import { BarcodeDetector } from "barcode-detector/ponyfill";
|
|
|
|
const barcodeTest = async function () {
|
|
// check supported formats
|
|
const supportedFormats = await BarcodeDetector.getSupportedFormats();
|
|
console.log(supportedFormats);
|
|
|
|
const barcodeDetector = new BarcodeDetector({
|
|
// make sure the formats are supported
|
|
formats: ["qr_code"],
|
|
});
|
|
|
|
const imageFile = await fetch(
|
|
"https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Hello%20world!",
|
|
).then((resp) => resp.blob());
|
|
|
|
barcodeDetector.detect(imageFile).then(console.log);
|
|
}
|
|
|
|
export default {
|
|
mounted() {
|
|
const video = this.el;
|
|
const constraints = {
|
|
audio: false,
|
|
video: { width: 800, height: 600 },
|
|
};
|
|
|
|
navigator.mediaDevices
|
|
.getUserMedia(constraints)
|
|
.then((mediaStream) => {
|
|
console.debug("Camera access allowed")
|
|
this.pushEventTo(video, "camera:allowed", {});
|
|
console.log(mediaStream);
|
|
video.srcObject = mediaStream;
|
|
video.onloadedmetadata = () => {
|
|
video.play();
|
|
};
|
|
})
|
|
.catch((err) => {
|
|
console.error(`${err.name}: ${err.message}`);
|
|
this.pushEventTo(video, "camera:denied", {});
|
|
});
|
|
},
|
|
destroyed() {
|
|
this.el.srcObject.getTracks().forEach(track => track.stop());
|
|
}
|
|
}
|