Update app.py

app.py

@@ -52,6 +52,9 @@ def serve_assets(path):
 def serve_wishes(path):
     return send_from_directory('data/wishes', path)
 
+@app.route('/assets/<path:filename>')
+def serve_audio(filename):
+    return send_from_directory('assets', filename, mimetype='audio/mp3')
 
 class SimpleDB:
     def __init__(self, reflections_path="data/reflections.json", wishes_path="data/wishes.json"):
@@ -932,10 +935,6 @@ def create_interface():
                     **청신 의식을 시작하려면 아래 버튼을 눌러주세요.**
                     """)
                     enter_btn = gr.Button("청신 의식 시작하기", variant="primary")
-                    enter_btn.click(
-                        fn=lambda: gr.update(selected=1),  
-                        outputs=[tabs]
-                    )
 
             with gr.TabItem("청신") as tab_listen:
                 gr.Markdown("## 청신 - 신을 부르기 위한 정화 의식")
@@ -955,19 +954,46 @@ def create_interface():
                     gr.Markdown("## 聽身, 請神 (몸의 소리를 듣고 신을 청하다) ")
                     # HTML로 오디오 플레이어를 직접 삽입
                     gr.HTML("""
-                    <audio controls class="audio-player">
-                        <source src="/assets/main_music.mp3" type="audio/mpeg">
-                        브라우저가 오디오 태그를 지원하지 않습니다.
-                    </audio>
+                    <div class="audio-player-container">
+                        <audio id="bgMusic" controls="controls" style="width: 100%; max-width: 500px;">
+                            <source src="assets/main_music.mp3" type="audio/mpeg">
+                        </audio>
+                    </div>
+                    <script>
+                        // 탭 변경을 감지하여 음악 재생
+                        document.addEventListener('DOMContentLoaded', function() {
+                            const audio = document.querySelector('#bgMusic');
+                            if(audio) {
+                                // 탭 진입 시 음악 재생
+                                audio.play().catch(function(error) {
+                                    console.log("음악 자동재생 실패:", error);
+                                });
+                            }
+                        });
+                    </script>
+                    <style>
+                        .audio-player-container {
+                            width: 100%;
+                            margin: 20px auto;
+                            text-align: center;
+                            padding: 20px;
+                        }
+                        audio {
+                            width: 100%;
+                            max-width: 500px;
+                            margin: 0 auto;
+                            display: block;
+                        }
+                    </style>
                     """)
-                
+                                                    
                 with gr.Column():
                     reflection_input = gr.Textbox(
-                        label="감상과 함께 마음의 번잡함을 내려놓으세요. 본 정보는 저장되지 않습니다.",
+                        label="기록과 함께 마음의 번잡함을 내려놓으세요. 본 정보는 저장되지 않습니다.",
                         lines=3,
                         max_lines=5
                     )
-                    save_btn = gr.Button("감상 저장하기", variant="secondary")
+                    save_btn = gr.Button("기록 남기기", variant="secondary")
                     reflections_display = gr.Dataframe(
                         headers=["시간", "감상", "감정 분석"],
                         label="기록된 감상들",
@@ -1159,6 +1185,9 @@ def create_interface():
                 print(f"Baseline error: {str(e)}")
                 return current_state, "오류가 발생했습니다. 다시 시도해주세요.", gr.update(selected=0)
 
+        def move_to_chungshin():
+            return gr.Tabs.update(selected="청신")
+        
         def handle_save_reflection(text, state):
             if not text.strip():
                 return state, []
@@ -1296,8 +1325,8 @@ def create_interface():
         )
 
         enter_btn.click(
-            fn=handle_enter,
-            outputs=[tabs]
+            fn=lambda: gr.Tabs.update(selected="청신"),
+            outputs=tabs
         )
 
         save_btn.click(