prev_button.click(fn=prev_slide, inputs=[], outputs=[image, text])

app.py

@@ -49,7 +49,7 @@ from urllib.parse import urlparse, parse_qs
 
 
 OUTPUT_PATH = 'videos'
-TRASCRIPTS = []
+TRANSCRIPTS = []
 
 OPEN_AI_KEY = os.getenv("OPEN_AI_KEY")
 client = OpenAI(api_key=OPEN_AI_KEY)
@@ -309,8 +309,8 @@ def process_youtube_link(link):
     df_string_output = json.dumps(transcript, ensure_ascii=False, indent=2)
     df_summarise = generate_df_summarise(transcript)
 
-    global TRASCRIPTS
-    TRASCRIPTS = formatted_transcript
+    global TRANSCRIPTS
+    TRANSCRIPTS = formatted_transcript
 
     # 确保返回与 UI 组件预期匹配的输出
     return questions[0] if len(questions) > 0 else "", \
@@ -482,13 +482,19 @@ def update_slide(direction):
     current_index += direction
     if current_index < 0:
         current_index = 0  # 防止索引小于0
-    elif current_index >= len(TRASCRIPTS):
-        current_index = len(TRASCRIPTS) - 1  # 防止索引超出范围
+    elif current_index >= len(TRANSCRIPTS):
+        current_index = len(TRANSCRIPTS) - 1  # 防止索引超出范围
     
     # 获取当前条目的文本和截图 URL
-    current_transcript = TRASCRIPTS[current_index]
+    current_transcript = TRANSCRIPTS[current_index]
     return current_transcript["screenshot_url"], current_transcript["text"]
 
+def prev_slide():
+    return update_slide(-1)
+
+# 包装函数来处理 "下一个" 按钮点击事件
+def next_slide():
+    return update_slide(1)
 
 current_index = 0
 
@@ -512,9 +518,8 @@ with gr.Blocks() as demo:
                     next_button = gr.Button("下一个")
                 
                 # 设置按钮的动作
-                prev_button.click(fn=update_slide, inputs=-1, outputs=[image, text])
-                next_button.click(fn=update_slide, inputs=1, outputs=[image, text])
-                update_slide(0)
+                prev_button.click(fn=prev_slide, inputs=[], outputs=[image, text])
+                next_button.click(fn=next_slide, inputs=[], outputs=[image, text])
 
             with gr.Tab("YouTube Transcript and Video"):
                 transcript_html = gr.HTML(label="YouTube Transcript and Video")            
@@ -549,4 +554,10 @@ with gr.Blocks() as demo:
     # 当输入网页链接时触发
     web_link.change(process_web_link, inputs=web_link, outputs=[btn_1, btn_2, btn_3, df_summarise, df_string_output])
 
+
+if TRANSCRIPTS:  # 确保列表不为空
+    first_screenshot_url, first_text = update_slide(0)
+    image.update(value=first_screenshot_url)
+    text.update(value=first_text)
+
 demo.launch(allowed_paths=["videos"])