Update script.js

script.js

@@ -1,39 +1,25 @@
 const video = document.getElementById("video");
-const canvas = document.getElementById("canvas");
-const output = document.getElementById("output");
 let currentFacingMode = "environment"; // Default to back-facing camera
-let stream = null;
 
-// Start the camera
 async function startCamera() {
     try {
-        // Stop any existing camera stream
-        if (stream) {
-            stream.getTracks().forEach((track) => track.stop());
-        }
-
-        // Set up camera constraints
         const constraints = {
-            video: {
-                facingMode: currentFacingMode,
-                width: { ideal: 1280 },
-                height: { ideal: 720 },
-            },
+            video: { facingMode: currentFacingMode },
         };
 
-        // Get the media stream
-        stream = await navigator.mediaDevices.getUserMedia(constraints);
+        const stream = await navigator.mediaDevices.getUserMedia(constraints);
         video.srcObject = stream;
         video.play();
         console.log("Camera started successfully.");
     } catch (err) {
         console.error("Error accessing the camera:", err);
+
         if (err.name === "NotAllowedError") {
             alert("Camera access denied. Please allow camera permissions.");
         } else if (err.name === "NotFoundError") {
             alert("No camera found. Please connect a camera.");
         } else {
-            alert("An error occurred while accessing the camera.");
+            alert("An unexpected error occurred while accessing the camera.");
         }
     }
 }
@@ -44,24 +30,5 @@ document.getElementById("flipCamera").addEventListener("click", () => {
     startCamera();
 });
 
-// Capture the image
-document.getElementById("capture").addEventListener("click", () => {
-    if (!video.srcObject) {
-        alert("Camera is not active. Please check your permissions or reload the page.");
-        console.error("Camera feed not available.");
-        return;
-    }
-
-    const context = canvas.getContext("2d");
-    canvas.width = video.videoWidth;
-    canvas.height = video.videoHeight;
-    context.drawImage(video, 0, 0, canvas.width, canvas.height);
-
-    canvas.toBlob((blob) => {
-        output.textContent = "Image captured. Ready to extract text.";
-        console.log("Image captured successfully.");
-    }, "image/png");
-});
-
 // Initialize the camera on page load
 startCamera();