Update static/script.js

static/script.js

@@ -1,21 +1,24 @@
-const textGenForm = document.querySelector('.text-gen-form');
+document.getElementById('submit-audio').addEventListener('click', async () => {
+    const audioInput = document.getElementById('audio-input');
+    if (audioInput.files.length === 0) {
+        alert('Please select an audio file.');
+        return;
+    }
 
-const translateText = async (text) => {
-    const inferResponse = await fetch(`infer_t5?input=${text}`);
-    const inferJson = await inferResponse.json();
+    const formData = new FormData();
+    formData.append('audio', audioInput.files[0]);
 
-    return inferJson.output;
-};
-
-textGenForm.addEventListener('submit', async (event) => {
-  event.preventDefault();
-
-  const textGenInput = document.getElementById('text-gen-input');
-  const textGenParagraph = document.querySelector('.text-gen-output');
-
-  try {
-    textGenParagraph.textContent = await translateText(textGenInput.value);
-  } catch (err) {
-    console.error(err);
-  }
-});
+    try {
+        const response = await fetch('/process_audio', {
+            method: 'POST',
+            body: formData
+        });
+        const data = await response.json();
+        document.querySelector('.response-text').textContent = data.response_text;
+        const audioElement = document.querySelector('.response-audio');
+        audioElement.src = data.response_audio_url;
+        audioElement.style.display = 'block';
+    } catch (error) {
+        console.error('Error:', error);
+    }
+});