cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Open camera via a button

Browse Source
This commit is contained in:
Claudio Ortolina
2025-02-14 11:16:16 +00:00
parent d077f08afa
commit 929719e513
3 changed files with 53 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/barcode-scanner.js
+26 -24
View File
@@ -22,32 +22,34 @@ export default {
}
},
};
this.el.addEventListener("camera_request", () => {
navigator.mediaDevices
.getUserMedia(constraints)
.then((mediaStream) => {
console.debug("Camera access allowed")
this.pushEventTo(this.cameraPreview, "camera_allowed", {});
this.cameraPreview.srcObject = mediaStream;
this.cameraPreview.onloadedmetadata = () => {
this.cameraPreview.play();
this.scanInterval = window.setInterval(async () => {
const barcodes = await barcodeDetector.detect(this.cameraPreview);
if (barcodes.length <= 0) return;
navigator.mediaDevices
.getUserMedia(constraints)
.then((mediaStream) => {
console.debug("Camera access allowed")
this.pushEventTo(this.cameraPreview, "camera_allowed", {});
this.cameraPreview.srcObject = mediaStream;
this.cameraPreview.onloadedmetadata = () => {
this.cameraPreview.play();
this.scanInterval = window.setInterval(async () => {
const barcodes = await barcodeDetector.detect(this.cameraPreview);
if (barcodes.length <= 0) return;
barcodes.forEach(barcode => {
if (!detectedBarcodes.has(barcode.rawValue)) {
this.pushEventTo(this.cameraPreview, "barcode_scanned", { number: barcode.rawValue });
detectedBarcodes.add(barcode.rawValue);
};
});
}, 500)
};
})
.catch((err) => {
console.error(`${err.name}: ${err.message}`);
this.pushEventTo(this.cameraPreview, "camera_denied", {});
});
})
barcodes.forEach(barcode => {
if (!detectedBarcodes.has(barcode.rawValue)) {
this.pushEventTo(this.cameraPreview, "barcode_scanned", { number: barcode.rawValue });
detectedBarcodes.add(barcode.rawValue);
};
});
}, 500)
};
})
.catch((err) => {
console.error(`${err.name}: ${err.message}`);
this.pushEventTo(this.cameraPreview, "camera_denied", {});
});
},
destroyed() {
this.cameraPreview.srcObject.getTracks().forEach(track => track.stop());