Update Qr

Areas/Inventory/Views/ItemMovement/QrUser.cshtml

@@ -41,6 +41,7 @@
 
             <div id="registerItem" v-if="displayStatus == null" data-aos="fade-right">
                 <p style="text-align:center; padding:10px;">Scan QR Code Here:</p>
+                
                 <qrcode-stream :constraints="selectedConstraints"
                                :formats="['qr_code']"
                                :track="trackFunctionSelected.value"
@@ -399,17 +400,7 @@
                     qrCodeResult: null,
                     debounceTimeout: null,
                     error: "",
-                    selectedConstraints: {
-                        video: {
-                            facingMode: 'user', // Kamera belakang
-                            focusDistance: { min: 0.05, ideal: 0.12, max: 0.3 },
-                            width: { min: 1920, ideal: 1920 }, 
-                            height: { min: 1080, ideal: 1080 },
-                            sharpness: 100,
-                            framerate: 60,
-                            focusMode: "continuous", // Auto-focus
-                        }
-                    },
+                    selectedConstraints: { facingMode: "user" },
                     trackFunctionSelected: { text: 'outline', value: null },
                     barcodeFormats: {
                         qr_code: true,  // Hanya mendukung QR Code
@@ -422,6 +413,8 @@
                     ],
                     videoInputDevices: [],
                     selectedCameraId: null,
+                    scanStartTime: null,
+                    scanTime: null
                 };
             },
             async mounted() {
@@ -735,11 +728,36 @@
                 },
 
                 //Setting Camera to know that camera are turn on or not
-                async onCameraReady() {
-                    this.enableAutoFocus();
-                },
+                async onCameraReady(videoElement) {
 
-                async enableAutoFocus() {
+                    const video = document.querySelector("video");
+
+                    const track = video.srcObject.getVideoTracks()[0];
+
+                    if (track && track.getCapabilities) {
+                        const capabilities = track.getCapabilities(); // Get camera capabilities
+
+                        if (capabilities.sharpness) {
+                            track.applyConstraints({
+                                advanced: [{ width: 1280, height: 720 }]
+                            }).then(() => {
+
+                                // Step 2: Apply sharpness separately
+                                return track.applyConstraints({ advanced: [{ sharpness: 10 }] });
+                            }).then(() => {
+
+                                return track.applyConstraints({ advanced: [{ exposureMode: 'continuous' }] });
+                            })
+                            .then(() => {
+                            }).catch(err => console.error("Failed to apply constraints:", err));
+    
+                        } else {
+                            console.warn("⚠️ Sharpness not supported on this camera");
+                        }
+                    }
+
+
+                    try {
                         const devices = await navigator.mediaDevices.enumerateDevices();
                         this.videoInputDevices = devices.filter(device => device.kind === 'videoinput');
 
@@ -753,12 +771,8 @@
                         } else {
                             this.error = "No camera detected.";
                         }
-                    const stream = await navigator.mediaDevices.getUserMedia({ video: true });
-                    const track = stream.getVideoTracks()[0];
-                    const capabilities = track.getCapabilities();
-                    console.log(capabilities);
-                    if (capabilities.focusMode) {
-                        await track.applyConstraints({ focusMode: "continuous" }); // Auto-focus
+                    } catch (err) {
+                        this.error = "Error accessing camera: " + err.message;
                     }
                 },