Update app.py

app.py

@@ -72,32 +72,32 @@ prayer_options = [
 music_options = ["음악 1", "음악 2"]
 
 # 이미지 URL
-image_url = "https://huggingface.co/datasets/englissi/bgm/blob/main/image_35547.png"
+image_url = "http://www.sgsarang.org/user/saveDir/awd/P/0/image_35547.png?itemTime=1717509605"
+
+# 기도 가이드 텍스트
+guide_text = """
+<h2>예수님의 보혈 기도문</h2>
+<p>제공해 드리는 ‘보혈기도문’은 참조만 하시고 형식화하지 마십시오<br>
+오직 성령님의 인도함을 받으시기 바랍니다<br>
+나, 내 자리에 가족들의 이름, 중보기도 대상자의 이름을 넣어 선포하십시오</p>
+"""
 
 # 인터페이스 구성 요소
 image_html = f'<img src="{image_url}" alt="Prayer Image" style="display:block; margin:auto;">'
-image_textbox = gr.HTML(image_html)
 prayer_dropdown = gr.Dropdown(choices=prayer_options, label="기도문 선택")
 music_dropdown = gr.Dropdown(choices=music_options, label="배경음악 선택")
 output_text = gr.Textbox(label="기도문")
 output_html = gr.HTML(label="배경음악")
 
 # 인터페이스 생성
-interface = gr.Interface(
-    fn=show_prayer_and_music, 
-    inputs=[prayer_dropdown, music_dropdown], 
-    outputs=[output_text, output_html],
-    live=True
-)
-
-# 이미지 텍스트박스를 인터페이스 상단에 추가
 interface = gr.Blocks()
 with interface:
     gr.HTML(image_html)
-    gr.Interface(
-        fn=show_prayer_and_music,
-        inputs=[prayer_dropdown, music_dropdown],
-        outputs=[output_text, output_html]
-    )
+    gr.HTML(guide_text)
+    with gr.Row():
+        prayer_dropdown.render()
+        music_dropdown.render()
+    output_text.render()
+    output_html.render()
 
 interface.launch()