Update app.py

app.py

@@ -52,9 +52,6 @@ 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"):
@@ -950,42 +947,28 @@ def create_interface():
                 """)
                 
                 # 커스텀 오디오 플레이어
-                with gr.Blocks(css=css) as demo:
-                    gr.Markdown("## 聽身, 請神 (몸의 소리를 듣고 신을 청하다) ")
-                    # HTML로 오디오 플레이어를 직접 삽입
-                    gr.HTML("""
-                    <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>
-                    """)
+                gr.Markdown("## 聽身, 請神 (몸의 소리를 듣고 신을 청하다) ")
+                gr.HTML("""
+                <div class="audio-player-container">
+                    <audio controls autoplay style="width: 100%; max-width: 500px;">
+                        <source src="/assets/main_music.mp3" type="audio/mpeg">
+                    </audio>
+                </div>
+                <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(
@@ -1325,7 +1308,7 @@ def create_interface():
         )
 
         enter_btn.click(
-            fn=lambda: gr.Tabs.update(selected="청신"),
+            fn=lambda: gr.update(selected=1),  # 인덱스로 변경
             outputs=tabs
         )