Update static/detection_handler.js

static/detection_handler.js

@@ -3,7 +3,8 @@
  */
 
 let isProcessing = false;
-let lastSpoken = "";
+let lastSpokenMessage = "";
+let speechCounter = 0; 
 
 async function sendFrameToBackend() {
     if (isProcessing || !cameraOn) return;
@@ -15,7 +16,8 @@ async function sendFrameToBackend() {
     const ctx = canvas.getContext('2d');
     ctx.drawImage(video, 0, 0, 640, 480);
     
-    const dataUrl = canvas.toDataURL('image/jpeg', 0.4); 
+    // Quality 0.3 speed ke liye behtar hai
+    const dataUrl = canvas.toDataURL('image/jpeg', 0.3); 
     isProcessing = true;
 
     try {
@@ -28,41 +30,14 @@ async function sendFrameToBackend() {
         const result = await response.json();
         if (result.detections) {
             drawVisuals(result.detections);
-            generateVIResponse(result.detections); // VI Awareness Logic
+            processVIOutput(result.detections);
         }
     } catch (err) {
-        console.error("Frame skip:", err);
+        console.error("Link Error:", err);
     } finally {
         isProcessing = false;
-        // Agla frame tabhi jayega jab purana process ho chuka ho
-        setTimeout(sendFrameToBackend, 100); 
-    }
-}
-
-// Logic for Direction and Proximity
-function generateVIResponse(detections) {
-    if (detections.length === 0) return;
-
-    // Sabse kareeb wale object par focus karein
-    let obj = detections[0]; 
-    let center = obj.x + (obj.w / 2);
-    let area = (obj.w * obj.h) / (640 * 480); // Screen coverage percentage
-
-    let direction = "";
-    if (center < 213) direction = "on your left";
-    else if (center > 426) direction = "on your right";
-    else direction = "in front of you";
-
-    let proximity = "";
-    if (area > 0.4) proximity = "Warning: Very close! "; 
-    else if (area > 0.15) proximity = "Nearby ";
-
-    let message = `${proximity}${obj.label} ${direction}`;
-
-    // Sirf tab bolein jab object ya direction badle (Noise reduction)
-    if (message !== lastSpoken) {
-        speak(message);
-        lastSpoken = message;
+        // 200ms ka gap Hugging Face CPU ke liye ideal hai
+        setTimeout(sendFrameToBackend, 200); 
     }
 }
 
@@ -71,20 +46,63 @@ function drawVisuals(detections) {
     const ctx = canvas.getContext('2d');
     ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-    detections.forEach(obj => {
-        ctx.strokeStyle = "#00FF00";
-        ctx.lineWidth = 3;
+    // --- DEMO KE LIYE SECTORS DRAW KARNA ---
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.2)";
+    ctx.setLineDash([5, 5]);
+    ctx.beginPath();
+    ctx.moveTo(213, 0); ctx.lineTo(213, 480); // Left line
+    ctx.moveTo(426, 0); ctx.lineTo(426, 480); // Right line
+    ctx.stroke();
+    ctx.setLineDash([]);
+
+    detections.forEach((obj, index) => {
+        // Sirf top object ko highlight karein (Reality-based)
+        ctx.strokeStyle = index === 0 ? "#00FF00" : "#ffcc00";
+        ctx.lineWidth = index === 0 ? 4 : 2;
         ctx.strokeRect(obj.x, obj.y, obj.w, obj.h);
         
-        ctx.fillStyle = "#00FF00";
-        ctx.font = "16px Arial";
-        ctx.fillText(obj.label.toUpperCase(), obj.x, obj.y - 10);
+        ctx.fillStyle = index === 0 ? "#00FF00" : "#ffcc00";
+        ctx.font = "bold 18px Arial";
+        ctx.fillText(`${obj.label}`, obj.x, obj.y - 10);
     });
 }
 
+function processVIOutput(detections) {
+    if (detections.length === 0) return;
+
+    // Sabse bada object (Sabat se kareeb)
+    let primary = detections[0];
+    let centerX = primary.x + (primary.w / 2);
+    let areaRatio = (primary.w * primary.h) / (640 * 480);
+
+    // 1. Direction Logic
+    let direction = "in front of you";
+    if (centerX < 213) direction = "on your left";
+    else if (centerX > 426) direction = "on your right";
+
+    // 2. Proximity Logic
+    let alert = "";
+    if (areaRatio > 0.45) alert = "STOP! "; 
+    else if (areaRatio > 0.2) alert = "Careful, ";
+
+    let message = `${alert}${primary.label} ${direction}`;
+
+    // Status update on screen
+    document.getElementById('aiStatus').innerText = `Target: ${message}`;
+
+    // 3. Smart Voice Filter (Har waqt bolna band)
+    speechCounter++;
+    if (message !== lastSpokenMessage || speechCounter > 15) {
+        speak(message);
+        lastSpokenMessage = message;
+        speechCounter = 0;
+    }
+}
+
 function speak(text) {
     window.speechSynthesis.cancel(); 
     let utterance = new SpeechSynthesisUtterance(text);
-    utterance.rate = 1.2; // Thoda fast taake timely ho
+    utterance.rate = 1.3; 
+    utterance.pitch = 1.0;
     window.speechSynthesis.speak(utterance);
 }