Update app.py

app.py

@@ -61,7 +61,7 @@ async def podcast_produce(script_list, voice, rate_percentage, pitch_hz, bgm_fil
     podcast_audio = sum(audio_segments)
     # 插入背景音樂（可選）
     if bgm_file is not None and os.path.isfile(bgm_file):
-        bgm = AudioSegment.from_file(bgm_file).apply_gain(-10)
+        bgm = AudioSegment.from_file(bgm_file.name).apply_gain(-10)
         bgm = bgm[:len(podcast_audio)]
         podcast_audio = podcast_audio.overlay(bgm)
     # 儲存播客音檔
@@ -73,7 +73,7 @@ async def podcast_produce(script_list, voice, rate_percentage, pitch_hz, bgm_fil
         f.write(f"Title: {podcast_title}\nDescription: {podcast_desc}\n")
     return podcast_file
 
-# 動態段落管理
+# 動態段落管理函數
 def add_paragraph(paragraphs):
     paragraphs.append("")
     return paragraphs
@@ -92,7 +92,7 @@ def clear_textbox():
 async def main():
     voices = await get_voices()
     with gr.Blocks(theme=gr.themes.Soft()) as demo:
-        gr.Markdown("## 🎙️ Edge TTS 語音合成與播客製作\n\n- 支援多段腳本、段落自由增減、內容一鍵清空\n- 介面直覺、操作友善、檔案自動管理")
+        gr.Markdown("## 🎙️ Edge TTS 語音合成與播客製作\n\n- 多段腳本自由增減、內容可清空\n- 介面直覺、操作友善、檔案自動管理")
 
         with gr.Tab("語音合成"):
             with gr.Row():
@@ -117,23 +117,77 @@ async def main():
 
         with gr.Tab("播客製作"):
             gr.Markdown("### 📝 多段腳本輸入（可自由增減段落）")
-            script_state = gr.State([""])
-            script_boxes = gr.Group()
-            def render_script_boxes(paragraphs):
-                return [gr.Textbox(value=p, label=f"段落{i+1}內容", lines=3) for i, p in enumerate(paragraphs)]
-            script_boxes.render = render_script_boxes
+            # 用 state 儲存段落文字
+            paragraphs_state = gr.State([""])
+            # 初始一個段落 Textbox
+            paragraph_boxes = []
+
+            def render_paragraphs(paragraphs):
+                # 回傳多個 Textbox，value 對應段落內容
+                return [gr.Textbox(value=p, label=f"段落{i+1}內容", lines=3, elem_id=f"para_{i}") for i, p in enumerate(paragraphs)]
+
+            # 初始渲染
+            paragraph_boxes = render_paragraphs(paragraphs_state.value)
+
+            # 按鈕
             add_btn = gr.Button("新增段落")
             remove_btn = gr.Button("刪除段落")
             clear_all_btn = gr.Button("全部清空")
-            def update_script_boxes(paragraphs):
-                return gr.update(components=render_script_boxes(paragraphs))
-            add_btn.click(fn=add_paragraph, inputs=script_state, outputs=script_state).then(update_script_boxes, script_state, script_boxes)
-            remove_btn.click(fn=remove_paragraph, inputs=script_state, outputs=script_state).then(update_script_boxes, script_state, script_boxes)
-            clear_all_btn.click(fn=clear_paragraphs, outputs=script_state).then(update_script_boxes, script_state, script_boxes)
-            # 取得所有段落內容
-            def collect_scripts(*args):
-                return list(args)
-            # 參數設定
+
+            # 更新段落文字用
+            def update_paragraphs(*texts):
+                return list(texts)
+
+            # 新增段落
+            def on_add(paragraphs):
+                paragraphs.append("")
+                return paragraphs
+
+            # 刪除段落
+            def on_remove(paragraphs):
+                if len(paragraphs) > 1:
+                    paragraphs.pop()
+                return paragraphs
+
+            # 全部清空
+            def on_clear():
+                return [""]
+
+            # 連結按鈕與狀態
+            add_btn.click(on_add, inputs=paragraphs_state, outputs=paragraphs_state)
+            remove_btn.click(on_remove, inputs=paragraphs_state, outputs=paragraphs_state)
+            clear_all_btn.click(on_clear, outputs=paragraphs_state)
+
+            # 監聽段落文字改變，更新狀態
+            def on_text_change(*texts):
+                return list(texts)
+
+            # 這裡用一個 container 放段落 Textbox，之後會更新
+            paragraphs_container = gr.Column()
+            # 用函數渲染段落 Textbox
+            def render_paragraphs_ui(paragraphs):
+                # 清空 container
+                paragraphs_container.clear()
+                boxes = []
+                for i, p in enumerate(paragraphs):
+                    tb = gr.Textbox(value=p, label=f"段落{i+1}內容", lines=3)
+                    boxes.append(tb)
+                    paragraphs_container.append(tb)
+                return boxes
+
+            # 初始化
+            paragraph_boxes = render_paragraphs_ui(paragraphs_state.value)
+
+            # 當 paragraphs_state 改變時，重新渲染段落輸入框
+            def on_paragraphs_state_change(paragraphs):
+                # 重新渲染
+                nonlocal paragraph_boxes
+                paragraph_boxes = render_paragraphs_ui(paragraphs)
+                return paragraphs_state
+
+            paragraphs_state.change(on_paragraphs_state_change, inputs=paragraphs_state, outputs=paragraphs_state)
+
+            # 播客參數輸入
             voice_input2 = gr.Dropdown(voices, label="選擇語音", value="zh-CN-XiaoxiaoNeural")
             rate_input2 = gr.Slider(-50, 50, value=0, step=1, label="語速調整 (%)")
             pitch_input2 = gr.Slider(-50, 50, value=0, step=1, label="音高調整 (Hz)")
@@ -142,14 +196,26 @@ async def main():
             podcast_desc = gr.Textbox(label="播客描述")
             podcast_btn = gr.Button("生成播客")
             podcast_output = gr.Audio(type="filepath", label="生成的播客音檔")
-            # 合成流程
-            def get_current_scripts(*args):
-                return [v for v in args if isinstance(v, str)]
-            podcast_btn.click(
-                fn=lambda *args: asyncio.run(podcast_produce(get_current_scripts(*args[:-6]), args[-6], args[-5], args[-4], args[-3], args[-2], args[-1])),
-                inputs=[*script_boxes, voice_input2, rate_input2, pitch_input2, bgm_input, podcast_title, podcast_desc],
-                outputs=podcast_output
-            )
+
+            # 合成播客按鈕事件
+            def gather_paragraph_texts(*args):
+                return list(args)
+
+            # podcast_btn 觸發時，先收集所有段落文字，再呼叫播客合成
+            def on_podcast_btn_click(*args):
+                # args: 段落文字 + 參數
+                n = len(paragraph_boxes)
+                scripts = list(args[:n])
+                voice = args[n]
+                rate = args[n+1]
+                pitch = args[n+2]
+                bgm = args[n+3]
+                title = args[n+4]
+                desc = args[n+5]
+                return asyncio.run(podcast_produce(scripts, voice, rate, pitch, bgm, title, desc))
+
+            inputs = paragraph_boxes + [voice_input2, rate_input2, pitch_input2, bgm_input, podcast_title, podcast_desc]
+            podcast_btn.click(on_podcast_btn_click, inputs=inputs, outputs=podcast_output)
 
         with gr.Tab("檢視已儲存播客"):
             podcast_files = gr.Dropdown(list_saved_podcasts(), label="選擇已儲存播客檔案", interactive=True)