Update Frontend/scripts.js

Frontend/scripts.js

@@ -36,6 +36,14 @@ function captureAndSend() {
   context.drawImage(video, 0, 0, canvas.width, canvas.height);
   const dataUrl = canvas.toDataURL("image/jpeg");
 
+  // Show captured image preview
+  const previewCanvas = document.getElementById("snapshotCanvas");
+  const previewCtx = previewCanvas.getContext("2d");
+  previewCanvas.width = canvas.width;
+  previewCanvas.height = canvas.height;
+  previewCtx.drawImage(canvas, 0, 0);
+  
+  // Send to backend
   fetch("https://prime810-facefeel.hf.space/process_image", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -53,6 +61,10 @@ function captureAndSend() {
       const link = document.getElementById("downloadEmoji");
       link.href = data.emoji;
       link.style.display = "inline-block";
+
+      // Play emoji sound
+      const sound = document.getElementById("emojiSound");
+      if (sound) sound.play();
     })
     .catch(error => {
       console.error("Error:", error);