Update templates/interface.html

templates/interface.html

@@ -56,15 +56,34 @@
             <button type="button" id="close_button" onclick="closeGUI()">Exit</button>
         </div>
 
-    {% if file_url %}
-    <h2>Generated Audio</h2>
-    <audio controls>
-        <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 %}
+       {% 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 %}
+
+
+
     </form>
+  <script>
+    // Get references to the checkbox and audio elements
+    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
+        if (playCheckbox.checked) {
+            audioPlayer.setAttribute("autoplay", "");
+        } else {
+            // If the checkbox is unchecked, remove the autoplay attribute
+            audioPlayer.removeAttribute("autoplay");
+        }
+    });
+</script>
     <script>
         // JavaScript function for handling the "Exit" button click
         function closeGUI() {