Update app.py

app.py

@@ -110,9 +110,9 @@ def active_timer():
     return timer_html
 
 def frozen_timer(time_display):
-    return f"""
+    timer_html = """
     <div style="font-size:16px;color:#00cc00;font-weight:bold;margin-bottom:10px;">
-        <span id="timer-display">⏱️ Elapsed: {time_display} ✓</span>
+        <span id="timer-display">⏱️ Elapsed: """ + time_display + """ ✓</span>
     </div>
     
     <script>
@@ -123,13 +123,15 @@ def frozen_timer(time_display):
     }
     </script>
     """
+    return timer_html
 
 def empty_timer():
-    return """
+    timer_html = """
     <div style="font-size:16px;color:#666;margin-bottom:10px;">
         <span id="timer-display">⏱️ Elapsed: 00:00</span>
     </div>
     """
+    return timer_html
 
 # Display empty timer initially
 if not st.session_state.timer_active:
@@ -215,41 +217,8 @@ if st.button("Play Audio of the Story Generated"):
         if st.session_state.image_data is not None:
             image_container.image(st.session_state.image_data, caption="Uploaded Image", use_container_width=True)
         
-        # Get the current time from the browser using JavaScript
-        get_time_js = """
-        <script>
-        // Function to get current timer text and send to Streamlit
-        function getCurrentTime() {
-            var timerElement = document.getElementById("timer-display");
-            if (timerElement) {
-                var timerText = timerElement.innerText;
-                // Extract just the time part
-                var timePart = timerText.replace("⏱️ Elapsed: ", "");
-                
-                // Use Streamlit's setComponentValue to send the value back
-                if (window.parent.Streamlit) {
-                    window.parent.Streamlit.setComponentValue(timePart);
-                }
-            } else {
-                // Default if timer not found
-                if (window.parent.Streamlit) {
-                    window.parent.Streamlit.setComponentValue("00:00");
-                }
-            }
-        }
-        
-        // Execute immediately
-        getCurrentTime();
-        </script>
-        """
-        
-        # Use a simple trick: Place a dummy component to execute this JavaScript
-        # The actual freezing will be done in the next step
-        dummy_component = html(get_time_js, height=0)
-        
-        # For now, just freeze with a default time
-        # (We can't easily get the current time value from JS to Python in Streamlit)
-        timer_container.markdown(frozen_timer("00:00"), unsafe_allow_html=True)
+        # Freeze the timer (with a default value since we can't easily get the real time)
+        timer_container.markdown(frozen_timer("00:30"), unsafe_allow_html=True)
         
         # Set timer as inactive since we've frozen it
         st.session_state.timer_active = False