Update app.py

app.py

@@ -623,15 +623,18 @@ def create_interface():
     """
     
     # HTML5 Audio Player 템플릿
-    AUDIO_PLAYER_HTML = """
-    <div class="audio-player-container">
-        <audio id="mainAudio" preload="auto" style="display:none;">
-            <source src="/assets/main_music.mp3" type="audio/mp3">
-        </audio>
-        <button id="playButton" onclick="toggleAudio()" class="custom-audio-button">
-            <span id="playButtonText">재생</span>
-        </button>
-    </div>
+        AUDIO_PLAYER_HTML = """
+        <div class="audio-player-container">
+            <iframe width="300" height="80" src="https://www.youtube.com/embed/[음악의 비디오 ID]?autoplay=1&loop=1&playlist=[음악의 비디오 ID]" 
+                    title="YouTube music player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+                    allowfullscreen></iframe>
+        </div>
+        <style>
+            .audio-player-container {
+                text-align: center;
+                margin-top: 20px;
+            }
+        </style>
     <script>
         let audio = document.getElementById('mainAudio');
         let playButton = document.getElementById('playButton');
@@ -936,16 +939,7 @@ def create_interface():
                 온천천 온천장역에서 장전역까지 걸으며 더 깊은 체험이 가능합니다.
                 """)
                 
-                play_music_btn = gr.Button("온천천의 소리 듣기", variant="secondary")
-                with gr.Row():
-                    audio = gr.Audio(
-                        value="assets/main_music.mp3",
-                        type="filepath",
-                        label="온천천의 소리",
-                        interactive=False,
-                        show_download_button=True,
-                        visible=True
-                    )
+                gr.HTML(audio_player_html)
                 
                 with gr.Column():
                     reflection_input = gr.Textbox(