Update app.py

app.py

@@ -1,7 +1,7 @@
 import streamlit as st
 from gtts import gTTS
 import os
-import base64  # Import Python's base64 module
+import base64
 
 # Streamlit app UI
 st.title("Text-to-Audio App")
@@ -36,13 +36,18 @@ if st.button("Generate Audio"):
                     </audio>
                     <br>
                     <label for="speed">Playback Speed: </label>
-                    <input type="range" id="speed" min="0.5" max="2.0" value="1.0" step="0.1" onchange="document.getElementById('audio').playbackRate = this.value;">
+                    <input type="range" id="speed" min="0.5" max="2.0" value="1.0" step="0.1">
                     <span id="speed-value">1.0x</span>
                     <script>
+                        const audioElement = document.getElementById("audio");
                         const speedSlider = document.getElementById("speed");
                         const speedValue = document.getElementById("speed-value");
+
+                        // Update playback rate and display speed
                         speedSlider.addEventListener("input", () => {{
-                            speedValue.textContent = speedSlider.value + "x";
+                            const speed = parseFloat(speedSlider.value);
+                            audioElement.playbackRate = speed;
+                            speedValue.textContent = speed.toFixed(1) + "x";
                         }});
                     </script>
                     """,