Update index.html

index.html

@@ -198,29 +198,37 @@ lumin("query", "username", "logic", true)
     </div>
 </div>
 <footer>
-    <p>LuminAI API Client &copy; 2024</p>
-</footer>
+        <p>LuminAI API Client &copy; 2024</p>
+    </footer>
+    <script>
+        async function fetchStats() {
+            const response = await fetch('/api/stats');
+            const data = await response.json();
+            document.getElementById('rps').textContent = data.rps;
+            document.getElementById('total-requests').textContent = data.totalRequests;
+        }
+        fetchStats();
+    </script>
 <audio id="myAudio" controls loop>
     <source src="tomat.mp3" type="audio/mpeg">
     Your browser does not support the audio element.
 </audio>
 <script>
-    // Menggunakan metode fetch untuk mendapatkan URL file MP3 dari server
-    fetch('https://pomf2.lain.la/f/jcn759xf.mp3')
-      .then(response => {
-        if (!response.ok) {
-          throw new Error('Network response was not ok');
-        }
-        return response.blob();
-      })
-      .then(blob => {
-        var url = URL.createObjectURL(blob);
-        var myAudio = document.getElementById('myAudio');
-        myAudio.src = url; // Mengatur src audio element dengan URL yang diperoleh
-      })
-      .catch(error => {
-        console.error('There was a problem fetching the MP3 file:', error);
-      });
+  fetch('https://pomf2.lain.la/f/jcn759xf.mp3')
+    .then(response => {
+      if (!response.ok) {
+        throw new Error('Network response was not ok');
+      }
+      return response.blob();
+    })
+    .then(blob => {
+      const audioUrl = URL.createObjectURL(blob);
+      const myAudio = document.getElementById('myAudio');
+      myAudio.srcObject = audioUrl; // Set srcObject instead of src
+    })
+    .catch(error => {
+      console.error('There was a problem fetching the MP3 file:', error);
+    });
 </script>
 </body>
 </html>