Update app.py

app.py

@@ -394,6 +394,11 @@ achievements_list = {
 # Initial CSS Setup
 st.markdown("""
     <style>
+    /* Hide audio elements */
+    .hide-tag {
+        display: none !important;
+    }
+    
     /* Base Styles */
     @import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600&display=swap');
     
@@ -715,8 +720,23 @@ def initialize_audio():
         st.session_state.audio_manager = audio_manager
         st.session_state.sound_commands = get_sound_commands()
         
-        # Add audio elements to the page
-        st.markdown(audio_manager.get_audio_html(), unsafe_allow_html=True)
+        # Add audio elements to the page using st.markdown with hide-tag class
+        st.markdown("""
+            <style>
+            .hide-tag {
+                display: none;
+            }
+            </style>
+        """, unsafe_allow_html=True)
+        
+        st.markdown(
+            f"""
+            <div class="hide-tag">
+                {audio_manager.get_audio_html()}
+            </div>
+            """,
+            unsafe_allow_html=True
+        )
 
 def show_audio_controls():
     """Show audio control in sidebar"""
@@ -3468,6 +3488,32 @@ def create_story_pdf():
         logging.error(f"Error creating PDF: {str(e)}")
         raise
 
+def check_audio_system():
+    """Check if audio system is working properly"""
+    try:
+        if 'audio_manager' in st.session_state:
+            # ตรวจสอบว่า audio elements ถูกโหลดสำเร็จ
+            js_check = """
+                <script>
+                function checkAudioElements() {
+                    const elements = ['bgm', 'sound_submit', 'sound_achievement', 'sound_complete'];
+                    for (let id of elements) {
+                        if (!document.getElementById(id)) {
+                            console.error(`Audio element ${id} not found`);
+                            return false;
+                        }
+                    }
+                    return true;
+                }
+                window.audioSystemWorking = checkAudioElements();
+                </script>
+            """
+            st.markdown(js_check, unsafe_allow_html=True)
+            return True
+    except Exception as e:
+        logging.error(f"Error checking audio system: {str(e)}")
+        return False
+
 # === 6. MAIN APPLICATION LOGIC ===
 def main():
     try:
@@ -3477,6 +3523,10 @@ def main():
 
         # Initialize audio system
         initialize_audio()
+
+        # Check audio system
+        if not check_audio_system():
+            st.warning("ระบบเสียงอาจทำงานไม่สมบูรณ์ แต่คุณยังสามารถใช้งานแอพได้")
         
         # Initialize ending system state if not exists
         if 'ending_mode' not in st.session_state: