Update app.py

app.py

@@ -7,7 +7,7 @@ comments = {}
 
 # 선생님의 질문 입력 받기
 def teacher_question(question):
-    return question
+    return question, gr.update(value=question)
 
 # 학생들의 음성 녹음 및 저장
 def record_student_voice(student_name, question, voice):
@@ -40,40 +40,42 @@ def write_comment(question, comment):
     return f"Comment '{comment}' added successfully for question '{question}'."
 
 # Gradio 인터페이스 정의
-question_interface = gr.Interface(
-    fn=teacher_question,
-    inputs=gr.Textbox(lines=2, placeholder="Enter your question here...", label="Teacher's Question"),
-    outputs="text",
-    title="Teacher's Question Input"
-)
+with gr.Blocks() as demo:
+    state_question = gr.State()
 
-record_interface = gr.Interface(
-    fn=record_student_voice,
-    inputs=[gr.Textbox(placeholder="Your name"), gr.Textbox(placeholder="Question"), gr.Audio(type="filepath")],
-    outputs="text",
-    title="Record Your Voice"
-)
+    with gr.Tab("Teacher's Question"):
+        question_input = gr.Textbox(lines=2, placeholder="Enter your question here...", label="Teacher's Question")
+        submit_question = gr.Button("Submit")
+        output_question = gr.Textbox(label="Submitted Question")
+        submit_question.click(teacher_question, inputs=question_input, outputs=[output_question, state_question])
 
-list_interface = gr.Interface(
-    fn=get_recorded_list,
-    inputs=gr.Textbox(placeholder="Question"),
-    outputs=gr.Dropdown(label="Select a recording to play"),
-    title="List Recorded Voices"
-)
+    with gr.Tab("Record Voice"):
+        student_name_input = gr.Textbox(placeholder="Your name", label="Your name")
+        question_display = gr.Textbox(label="Question", interactive=False)
+        voice_input = gr.Audio(type="filepath", label="Record your voice")
+        submit_voice = gr.Button("Submit Voice")
+        output_voice = gr.Textbox(label="Status")
+        submit_voice.click(record_student_voice, inputs=[student_name_input, state_question, voice_input], outputs=output_voice)
 
-play_interface = gr.Interface(
-    fn=lambda file_path: file_path,
-    inputs=gr.Dropdown(label="Select a recording to play"),
-    outputs=gr.Audio(type="filepath"),
-    title="Play Selected Voice"
-)
+        gr.Textbox.update(question_display, value=state_question)
 
-comment_interface = gr.Interface(
-    fn=write_comment,
-    inputs=[gr.Textbox(placeholder="Question"), gr.Textbox(placeholder="Your comment")],
-    outputs="text",
-    title="Write Comment"
-)
+    with gr.Tab("List Voices"):
+        question_list_input = gr.Textbox(placeholder="Question", label="Enter question to list recordings")
+        submit_list = gr.Button("Get Recordings")
+        recordings_list = gr.Dropdown(label="Select a recording to play")
+        submit_list.click(get_recorded_list, inputs=question_list_input, outputs=recordings_list)
 
-# Gradio 앱 실행
-gr.TabbedInterface([question_interface, record_interface, list_interface, play_interface, comment_interface], ["Teacher's Question", "Record Voice", "List Voices", "Play Voice", "Write Comment"]).launch()
+    with gr.Tab("Play Voice"):
+        recording_select = gr.Dropdown(label="Select a recording to play")
+        play_audio = gr.Audio(type="filepath", label="Recorded Voice")
+        recordings_list.change(lambda x: x, inputs=recordings_list, outputs=recording_select)
+        recording_select.change(lambda x: x, inputs=recording_select, outputs=play_audio)
+
+    with gr.Tab("Write Comment"):
+        comment_question_input = gr.Textbox(placeholder="Question", label="Question")
+        comment_input = gr.Textbox(placeholder="Your comment", label="Comment")
+        submit_comment = gr.Button("Submit Comment")
+        output_comment = gr.Textbox(label="Status")
+        submit_comment.click(write_comment, inputs=[comment_question_input, comment_input], outputs=output_comment)
+
+demo.launch()