Update templates/interface.html

templates/interface.html

@@ -55,14 +55,15 @@
             <button type="submit" id="synthesize_button">Synthesize</button>
             <button type="button" id="close_button" onclick="closeGUI()">Exit</button>
         </div>
-        <div>
-        <!-- HTML audio element to play the generated audio -->
-        <audio controls>
-        <source src="/generate_audio" type="audio/wav"> <!-- Replace "/generate_audio" with your FastAPI route URL -->
-        Your browser does not support the audio element.
-        </audio>
-        </div>
     </form>
+{% if audio_file %}
+    <h2>Generated Audio</h2>
+    <audio controls>
+        <source src="{{ audio_file }}" type="audio/mpeg">
+        Your browser does not support the audio element.
+    </audio>
+    <a href="{{ audio_file }}" download>Download Audio</a>
+    {% endif %}
     <script>
         // JavaScript function for handling the "Exit" button click
         function closeGUI() {