Update templates/interface.html

templates/interface.html

@@ -44,10 +44,6 @@
         <input type="range" id="noise_scale_w_slider" name="noise_scale_w_slider" min="0.25" max="1" step="0.1" value="1">
         </div>
 
-        <div>
-        <label for="play">Auto-play:</label>
-        <input type="checkbox" id="play" checked>
-        </div>
         <div>
         <button type="submit" id="synthesize_button">Synthesize</button>
         </div>
@@ -61,9 +57,6 @@
 <a href="{{ file_url }}" download>Download Audio</a>
 {% endif %}
 
-
-
-</form>
 <script>
     function showLoadingMessage() {
         // Display the loading message
@@ -73,22 +66,11 @@
         document.getElementById("synthesize_button").disabled = true;
     }
 </script>
+
+</form>
+
 <!-- Move the JavaScript code outside the conditional block -->
-<script>
-    const playCheckbox = document.getElementById("play");
-    const audioPlayer = document.getElementById("audio-player");
 
-    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 {
-            console.log("Checkbox is unchecked"); // Add this line for debugging
-            audioPlayer.removeAttribute("autoplay");
-        }
-    });
-</script>
 </body>
 </html>