Update templates/interface.html

templates/interface.html

@@ -48,45 +48,38 @@
         <label for="play">Auto-play:</label>
         <input type="checkbox" id="play" checked>
         </div>
-
-      
-        <!-- Add other input fields and elements here -->
         <div>
-            <button type="submit" id="synthesize_button">Synthesize</button>
-
+        <button type="submit" id="synthesize_button">Synthesize</button>
         </div>
 
-       {% if file_url %}
-        <h2>Generated Audio</h2>
-        <audio controls id="audio-player">
-            <source src="{{ file_url }}" type="audio/mpeg">
-             Your browser does not support the audio element.
-        </audio>
-        <a href="{{ file_url }}" download>Download Audio</a>
-       {% endif %}
-       <script>
-    // Get references to the checkbox and audio elements
-        const playCheckbox = document.getElementById("play");
-        const audioPlayer = document.getElementById("audio-player");
+{% if file_url %}
+<h2>Generated Audio</h2>
+<audio controls id="audio-player">
+    <source src="{{ file_url }}" type="audio/mpeg">
+    Your browser does not support the audio element.
+</audio>
+<a href="{{ file_url }}" download>Download Audio</a>
+{% endif %}
+
+<!-- Move the JavaScript code outside the conditional block -->
+<script>
+    const playCheckbox = document.getElementById("play");
+    const audioPlayer = document.getElementById("audio-player");
 
-    // Add an event listener to the checkbox
-        playCheckbox.addEventListener("change", function () {
-        // If the checkbox is checked, add the autoplay attribute
+    playCheckbox.addEventListener("change", function () {
+        console.log("Checkbox state changed"); // Add this line for debugging
         if (playCheckbox.checked) {
+            console.log("Checkbox is checked"); // Add this line for debugging
             audioPlayer.setAttribute("autoplay", "");
         } else {
-            // If the checkbox is unchecked, remove the autoplay attribute
+            console.log("Checkbox is unchecked"); // Add this line for debugging
             audioPlayer.removeAttribute("autoplay");
         }
-        });
-        </script>
-
-
-
-    </form>
-  
+    });
+</script>
 
-    <!-- Add any JavaScript scripts or functions here -->
+</form>
 </body>
 </html>
 
+