Update script.js

script.js

@@ -8,9 +8,11 @@ async function startCamera() {
     try {
         const stream = await navigator.mediaDevices.getUserMedia({ video: true });
         video.srcObject = stream;
+        video.play();
+        console.log("Camera started successfully.");
     } catch (err) {
         alert("Camera access denied or unavailable.");
-        console.error(err);
+        console.error("Error accessing camera:", err);
     }
 }
 
@@ -24,6 +26,7 @@ document.getElementById("capture").addEventListener("click", () => {
     canvas.toBlob((blob) => {
         capturedBlob = blob;
         output.textContent = "Image captured. Ready to extract text.";
+        console.log("Image captured successfully.");
     }, "image/png");
 });
 
@@ -46,8 +49,10 @@ document.getElementById("extract").addEventListener("click", async () => {
 
         if (response.ok) {
             output.textContent = data.extracted_text;
+            console.log("Text extracted successfully:", data.extracted_text);
         } else {
             output.textContent = `Error: ${data.message}`;
+            console.error("Error extracting text:", data.message);
         }
     } catch (err) {
         console.error("Error extracting text:", err);
@@ -55,5 +60,5 @@ document.getElementById("extract").addEventListener("click", async () => {
     }
 });
 
-// Start the camera on load
+// Start the camera on page load
 startCamera();