Update app.py

app.py

@@ -46,8 +46,14 @@ def serve_static(path):
 
 @app.route('/assets/<path:path>')
 def serve_assets(path):
-    return send_from_directory('assets', path)
-
+    try:
+        if path.endswith('.mp3'):
+            return send_from_directory('assets', path, mimetype='audio/mpeg')
+        return send_from_directory('assets', path)
+    except Exception as e:
+        print(f"Asset serving error: {e}")
+        return f"Error serving asset: {path}", 404
+        
 @app.route('/wishes/<path:path>')
 def serve_wishes(path):
     return send_from_directory('data/wishes', path)
@@ -950,10 +956,26 @@ def create_interface():
                 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 id="bgMusic" controls preload="auto" 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.getElementById('bgMusic');
+                        if(audio) {
+                            console.log('Audio element found');
+                            audio.onerror = function(e) {
+                                console.error('Audio error:', e);
+                            };
+                            audio.onloadeddata = function() {
+                                console.log('Audio loaded successfully');
+                            };
+                        } else {
+                            console.error('Audio element not found');
+                        }
+                    });
+                </script>
                 <style>
                     .audio-player-container {
                         width: 100%;
@@ -1344,7 +1366,13 @@ def create_interface():
     return app
 
 if __name__ == "__main__":
-    # 서비스 워커 캐시 설정 강화
+    audio_path = os.path.join('assets', 'main_music.mp3')
+    if os.path.exists(audio_path):
+        print(f"✅ Audio file found: {audio_path}")
+        print(f"   Size: {os.path.getsize(audio_path)} bytes")
+        print(f"   Absolute path: {os.path.abspath(audio_path)}")
+    else:
+        print(f"❌ Audio file not found: {audio_path}")
     sw_content = """
     const CACHE_NAME = 'digital-gutpan-v2';
     const urlsToCache = [