Update script.js

script.js

@@ -1,5 +1,6 @@
 let currentStream = null;
-let currentFacingMode = 'user'; 
+let currentFacingMode = 'user';
+let frameCount = 0;
 
 async function loadTFLiteModel() {
     try {
@@ -90,14 +91,25 @@ async function startVideo(facingMode = 'user') {
             const model = await loadTFLiteModel();
 
             if (model) {
-                setInterval(async () => {
-                    const preprocessedImage = preprocessImage(video);
-                    const depthMap = await predictDepth(model, preprocessedImage);
-
-                    const canvas = document.getElementById('depthCanvas');
-                    renderDepthMap(depthMap, canvas);
-                    analyzeDepth(depthMap);
-                }, 500); // Run depth prediction every 500ms
+                function processFrame() {
+                    frameCount++;
+                    
+                    // Process every 3rd frame to reduce processing load
+                    if (frameCount % 3 === 0) {
+                        const preprocessedImage = preprocessImage(video);
+                        predictDepth(model, preprocessedImage).then(depthMap => {
+                            const canvas = document.getElementById('depthCanvas');
+                            renderDepthMap(depthMap, canvas);
+                            analyzeDepth(depthMap);
+                        });
+                    }
+
+                    // Request next frame
+                    requestAnimationFrame(processFrame);
+                }
+
+                // Start frame processing
+                requestAnimationFrame(processFrame);
             }
         });
     } catch (error) {