Update app.py

app.py

@@ -978,43 +978,27 @@ def create_interface():
                 # 커스텀 오디오 플레이어
                 gr.Markdown("## 聽身, 請神 (몸의 소리를 듣고 신을 청하다) ")
                 gr.HTML("""
-                <div class="audio-player-container">
-                    <audio id="bgMusic" controls preload="auto" style="width: 100%; max-width: 500px;">
-                        <source src="assets/main_music.mp3" type="audio/mpeg">
-                    </audio>
+                <div class="soundcloud-container">
+                    <iframe 
+                        width="100%" 
+                        height="166" 
+                        scrolling="no" 
+                        frameborder="no" 
+                        allow="autoplay" 
+                        src="https://w.soundcloud.com/player/?url=https%3A//soundcloud.com/9arage/demo&color=%23ff5500&auto_play=true&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false"
+                    ></iframe>
                 </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 {
+                    .soundcloud-container {
                         width: 100%;
+                        max-width: 800px;
                         margin: 20px auto;
-                        text-align: center;
-                        padding: 20px;
-                    }
-                    audio {
-                        width: 100%;
-                        max-width: 500px;
-                        margin: 0 auto;
-                        display: block;
+                        border-radius: 12px;
+                        overflow: hidden;
                     }
                 </style>
                 """)
-                                                    
+                                                                    
                 with gr.Column():
                     reflection_input = gr.Textbox(
                         label="기록과 함께 마음의 번잡함을 내려놓으세요. 본 정보는 저장되지 않습니다.",