Update script.js

script.js

@@ -2,22 +2,29 @@ const video = document.getElementById("video");
 const canvas = document.getElementById("canvas");
 const output = document.getElementById("output");
 let capturedBlob = null;
+let currentFacingMode = "user"; // Default camera mode
 
 // Start the camera
 async function startCamera() {
     try {
-        // Request camera access
-        const stream = await navigator.mediaDevices.getUserMedia({ video: true });
+        const stream = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: currentFacingMode },
+        });
         video.srcObject = stream;
         video.play();
         console.log("Camera started successfully.");
     } catch (err) {
-        // Handle errors
         alert("Camera access denied or unavailable.");
         console.error("Error accessing camera:", err);
     }
 }
 
+// Flip the camera
+document.getElementById("flipCamera").addEventListener("click", () => {
+    currentFacingMode = currentFacingMode === "user" ? "environment" : "user";
+    startCamera();
+});
+
 // Capture the image
 document.getElementById("capture").addEventListener("click", () => {
     if (!video.srcObject) {