diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php index 216b02a..6e0574c 100644 --- a/resources/views/fields/camera-capture.blade.php +++ b/resources/views/fields/camera-capture.blade.php @@ -185,39 +185,20 @@ document.addEventListener('DOMContentLoaded', () => { photoTaken: false, photo1: '', - // async initCamera() { - // try { - // if (this.stream) this.stream.getTracks().forEach(track => track.stop()); - - // this.stream = await navigator.mediaDevices.getUserMedia({ - // video: { facingMode: this.currentFacingMode } - // }); - - // this.$refs.video.srcObject = this.stream; - // } catch (err) { - // console.error("Camera error:", err); - // alert("Cannot access camera. Enable permissions or use HTTPS."); - // } - // }, async initCamera() { try { if (this.stream) this.stream.getTracks().forEach(track => track.stop()); + this.stream = await navigator.mediaDevices.getUserMedia({ - video: { - facingMode: this.currentFacingMode, // 'user' or 'environment' - width: { ideal: 1920 }, - height: { ideal: 1080 }, - }, - audio: false + video: { facingMode: this.currentFacingMode } }); + this.$refs.video.srcObject = this.stream; } catch (err) { - console.error('Error accessing camera:', err); + console.error("Camera error:", err); alert("Cannot access camera. Enable permissions or use HTTPS."); } - } - - + }, async switchCamera() { this.currentFacingMode = this.currentFacingMode === 'user' ? 'environment' : 'user'; @@ -236,7 +217,7 @@ document.addEventListener('DOMContentLoaded', () => { context.drawImage(video, 0, 0, canvas.width, canvas.height); //const dataUrl = canvas.toDataURL('image/png'); - const dataUrl = canvas.toDataURL('image/png', 1.0); + const dataUrl = canvas.toDataURL('image/jpeg', 0.95); if (this.stream) this.stream.getTracks().forEach(track => track.stop());