Update index.html

index.html

@@ -4,9 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Voice Chat Bot with Advanced Echo Cancellation</title>
-    <script src="https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@ricky0123/[email protected]/dist/bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@xenova/transformers@2.17.2"></script>
+
+     // BELOW 3 Lines were done by RAHUL ATLURY
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.js" as="script">
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/@ricky0123/[email protected]/dist/bundle.min.js" as="script">
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/@xenova/[email protected]" as="script">   
+    
+
     <style>
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -222,9 +226,13 @@
                 const barHeight = dataArray[i] / 2;
                 bars[i].style.height = barHeight + 'px';
             }
-            animationId = requestAnimationFrame(updateVisualizer);
+              // Use setTimeout instead of requestAnimationFrame to reduce update frequency - RAHUL ATLURY
+              animationId = setTimeout(updateVisualizer, 50); // Update every 50ms - RAHUL ATLURY
+          
+            //animationId = requestAnimationFrame(updateVisualizer);
         }
 
+
         async function initializePipelines() {
             try {