Update static/index.html

static/index.html

@@ -171,6 +171,8 @@
                         try {
                             const audioBlob = new Blob(audioChunks, { type: "audio/webm" });
                             const wavBlob = await convertWebMToWav(audioBlob);
+                            
+                            // This is the original code from your first implementation
                             const formData = new FormData();
                             formData.append("file", wavBlob, "recording.wav");
                             
@@ -180,18 +182,18 @@
                             });
                             
                             if (response.ok) {
-                                // Extract headers
+                                // Display response headers that we know are sent back from the endpoint
                                 const userMessage = response.headers.get("X-User-Message") || "No user message";
                                 const llmResponse = response.headers.get("X-LLM-Response") || "No response";
                                 
-                                // Update the UI with the header information
+                                // Update the header display
                                 userMessageHeader.innerHTML = `X-User-Message: <span class="text-primary">${userMessage}</span>`;
                                 llmResponseHeader.innerHTML = `X-LLM-Response: <span class="text-success">${llmResponse}</span>`;
                                 
-                                // Update received data display
+                                // Update received data
                                 receivedData.textContent = userMessage;
                                 
-                                // Get audio response if any
+                                // Get audio blob from response and play it
                                 const audioData = await response.blob();
                                 document.getElementById("audioPlayer").src = URL.createObjectURL(audioData);
                                 statusMessage.textContent = "Data decoded successfully!";
@@ -238,8 +240,7 @@
                     const response = await fetch("/tts/", {
                         method: "POST",
                         headers: { 
-                            "Content-Type": "application/json",
-                            "X-User-Message": text
+                            "Content-Type": "application/json"
                         },
                         body: JSON.stringify({ text })
                     });