src/views/HomeView.vue

@@ -272,23 +272,14 @@ async function openCamera() {
     return
   }
 
-  if (!isPermissionCameraDenied.value) {
-    // change camera device
-    if (cameraIsOn.value) {
-      await camera.value?.stop()
-    } else {
-      await camera.value?.start()
-      await changeCamera() // ต้องรอให้ start() เสร็จก่อน
-    }
-    cameraIsOn.value = !cameraIsOn.value
+  // change camera device
+  if (cameraIsOn.value) {
+    await camera.value?.stop()
   } else {
-    messageError(
-      $q,
-      '',
-      'ไม่สามารถเข้าถึงกล้องได้ กรุณาอนุญาตการเข้าถึงกล้องในเบราว์เซอร์ของคุณ'
-    )
-    return
+    await camera.value?.start()
+    await changeCamera() // ต้องรอให้ start() เสร็จก่อน
   }
+  cameraIsOn.value = !cameraIsOn.value
 }
 
 /** change camera device*/
@@ -551,6 +542,7 @@ async function requestCamera() {
   try {
     await navigator.mediaDevices.getUserMedia({ video: true })
   } catch (err) {
+    console.error('ผู้ใช้ปฏิเสธการเข้าถึง หรือเกิดข้อผิดพลาด: ', err)
     isPermissionCameraDenied.value = true
   }
 }
@@ -679,7 +671,12 @@ watch(
                     <div
                       v-if="!cameraIsOn && img == null"
                       class="preview-placeholder"
-                      @click="() => !isDisabledCheckTime && openCamera()"
+                      @click="
+                        () =>
+                          !isDisabledCheckTime &&
+                          !isPermissionCameraDenied &&
+                          openCamera()
+                      "
                     >
                       <div class="text-center">
                         <q-icon