Update Web/script.js

Web/script.js

@@ -182,34 +182,24 @@ async function analyzeAudio(blob) {
 
     responseBox.innerHTML = "<em>Analyzing...</em>";
 
-    // 1. Prepare the file
-    // const file = new File([blob], blob.name || "audio.wav", { type: blob.type });
+    // Convert Blob to File
+    const file = new File([blob], blob.name || "audio.wav", { type: blob.type });
+
     const formData = new FormData();
-    // const filename = 'recorded-audio.wav'; // Nom du fichier
-    formData.append('files', blob, "audio.wav"); // Utiliser 'files' comme nom de champ
+    formData.append("file", file);
 
     try {
-        // 3. CRITICAL FIX: Use relative path AND add the trailing slash
-        // Your app.py defines: @app.post("/predict/")
-        const res = await fetch("/predict/", {
+        // Replace the URL with your real backend endpoint
+        const res = await fetch("/predict", {
             method: "POST",
             body: formData,
         });
 
-        if (!res.ok) {
-            // Read the error message from the server if available
-            const errorText = await res.text();
-            throw new Error(`Server Error ${res.status}: ${errorText}`);
-        }
-
         const data = await res.json();
-        responseBox.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;
 
+        responseBox.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;
     } catch (err) {
+        responseBox.innerHTML = `<span style="color:red;">Analysis failed.</span>`;
         console.error(err);
-        responseBox.innerHTML = `<div class="alert alert-danger">
-            <strong>Analysis failed.</strong><br/>
-            <small>${err.message}</small>
-        </div>`;
     }
 }