Update templates/interface.html

templates/interface.html

@@ -46,9 +46,27 @@
         <label for="text_input">Text to synthesize:</label>
         <input type="text" id="text_input" placeholder="Enter your text here">
     </div>
-
-    <button id="synthesize_button">Synthesize</button>
-    <button id="close_button">Exit</button>
+<form method="post" action="/synthesize">
+        <div>
+            <label for="text_input">Text to synthesize:</label>
+            <input type="text" id="text_input" name="text_input" placeholder="Enter your text here">
+        </div>
+        <div>
+            <label for="speed_slider">Rate scale:</label>
+            <input type="range" id="speed_slider" name="speed_slider" min="0.25" max="4" step="0.1" value="1">
+        </div>
+        <!-- Add other input fields and elements here -->
+        <div>
+            <button type="submit" id="synthesize_button">Synthesize</button>
+            <button type="button" id="close_button" onclick="closeGUI()">Exit</button>
+        </div>
+    </form>
+    <script>
+        // JavaScript function for handling the "Exit" button click
+        function closeGUI() {
+            // Add logic to close the GUI if needed
+            alert("Closing the GUI");
+        }
     <div>
        <!-- HTML audio element to play the generated audio -->
        <audio controls>