haepada commited on
Commit
dd04444
·
verified ·
1 Parent(s): 567bf65

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +13 -1
app.py CHANGED
@@ -786,6 +786,10 @@ def create_interface():
786
  margin: 20px auto;
787
  padding: 0 1rem;
788
  }
 
 
 
 
789
 
790
  /* 탭 스타일링 */
791
  .tabs {
@@ -885,7 +889,15 @@ def create_interface():
885
  """)
886
 
887
  # 커스텀 오디오 플레이어
888
- gr.HTML(AUDIO_PLAYER_HTML)
 
 
 
 
 
 
 
 
889
 
890
  with gr.Column():
891
  reflection_input = gr.Textbox(
 
786
  margin: 20px auto;
787
  padding: 0 1rem;
788
  }
789
+ .audio-player {
790
+ margin: 20px auto;
791
+ width: 100%;
792
+ max-width: 300px;
793
 
794
  /* 탭 스타일링 */
795
  .tabs {
 
889
  """)
890
 
891
  # 커스텀 오디오 플레이어
892
+ with gr.Blocks(css=css) as demo:
893
+ gr.Markdown("## 온천천의 소리를 들어보세요")
894
+ # HTML로 오디오 플레이어를 직접 삽입
895
+ gr.HTML("""
896
+ <audio controls class="audio-player">
897
+ <source src="/assets/main_music.mp3" type="audio/mpeg">
898
+ 브라우저가 오디오 태그를 지원하지 않습니다.
899
+ </audio>
900
+ """)
901
 
902
  with gr.Column():
903
  reflection_input = gr.Textbox(