Update script.js

script.js

@@ -12,7 +12,7 @@ document.addEventListener('DOMContentLoaded', () => {
         audioPlayer.style.display = 'none';
 
         try {
-            const response = await fetch('http://localhost:5000/text-to-speech/', {
+            const response = await fetch('http://localhost:80/text-to-speech/', { // Updated port to 80
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -20,17 +20,21 @@ document.addEventListener('DOMContentLoaded', () => {
                 body: JSON.stringify({ text: text }),
             });
 
-            const data = await response.json();
-
-            if (data.status === 'success') {
-                statusDiv.textContent = 'Speech generated successfully!';
-                downloadLink.href = 'http://localhost:5000' + data.url;
-                downloadLink.style.display = 'block';
-                audioPlayer.src = 'http://localhost:5000' + data.url;
-                audioPlayer.style.display = 'block';
-            } else {
-                statusDiv.textContent = `Error: ${data.message}`;
+            if (!response.ok) {
+                const errorData = await response.json();
+                statusDiv.textContent = `Error: ${errorData.detail || response.statusText}`;
+                return;
             }
+
+            const blob = await response.blob();
+            const audioUrl = URL.createObjectURL(blob);
+
+            statusDiv.textContent = 'Speech generated successfully!';
+            downloadLink.href = audioUrl;
+            downloadLink.style.display = 'block';
+            audioPlayer.src = audioUrl;
+            audioPlayer.style.display = 'block';
+
         } catch (error) {
             statusDiv.textContent = `Network error: ${error}`;
         }