youtube_link.change(process_youtube_link, inputs=youtube_link, outputs=[btn_1, btn_2, btn_3, df_string_output, df_summarise, transcript_html, slide_image, slide_text])

app.py

@@ -313,13 +313,18 @@ def process_youtube_link(link):
     global TRANSCRIPTS
     TRANSCRIPTS = formatted_transcript
 
+    first_image = formatted_transcript[0]['screenshot_path']
+    first_text = formatted_transcript[0]['text']
+
     # 确保返回与 UI 组件预期匹配的输出
     return questions[0] if len(questions) > 0 else "", \
             questions[1] if len(questions) > 1 else "", \
             questions[2] if len(questions) > 2 else "", \
             df_string_output, \
             df_summarise, \
-            html_content
+            html_content, \
+            first_image, \
+            first_text
             
 
 def format_transcript_to_html(formatted_transcript):
@@ -495,7 +500,10 @@ def update_slide(direction):
     
     # 获取当前条目的文本和截图 URL
     current_transcript = TRANSCRIPTS[CURRENT_INDEX]
-    return current_transcript["screenshot_path"], current_transcript["text"]
+    slide_image = current_transcript["screenshot_path"]
+    slide_text = current_transcript["text"]
+    
+    return slide_image, slide_text
 
 def prev_slide():
     return update_slide(-1)
@@ -520,13 +528,13 @@ with gr.Blocks() as demo:
             with gr.Tab("截圖與逐字稿"):
                 transcript_html = gr.HTML(label="YouTube Transcript and Video") 
             with gr.Tab("投影片"):
-                image = gr.Image()
-                text = gr.Textbox()
+                slide_image = gr.Image()
+                slide_text = gr.Textbox()
                 with gr.Row():
                     prev_button = gr.Button("Previous")
                     next_button = gr.Button("Next")
-                prev_button.click(fn=prev_slide, inputs=[], outputs=[image, text])
-                next_button.click(fn=next_slide, inputs=[], outputs=[image, text])         
+                prev_button.click(fn=prev_slide, inputs=[], outputs=[slide_image, slide_text])
+                next_button.click(fn=next_slide, inputs=[], outputs=[slide_image, slide_text])         
             with gr.Tab("資料本文"):
                 df_string_output = gr.Textbox(lines=40, label="Data Text")
             with gr.Tab("資料摘要"):
@@ -553,7 +561,7 @@ with gr.Blocks() as demo:
     file_upload.change(process_file, inputs=file_upload, outputs=[btn_1, btn_2, btn_3, df_summarise, df_string_output])
 
     # 当输入 YouTube 链接时触发
-    youtube_link.change(process_youtube_link, inputs=youtube_link, outputs=[btn_1, btn_2, btn_3, df_string_output, df_summarise, transcript_html])
+    youtube_link.change(process_youtube_link, inputs=youtube_link, outputs=[btn_1, btn_2, btn_3, df_string_output, df_summarise, transcript_html, slide_image, slide_text])
 
     # 当输入网页链接时触发
     web_link.change(process_web_link, inputs=web_link, outputs=[btn_1, btn_2, btn_3, df_summarise, df_string_output])