🎬 HJChen 英語教學網專用 · 影片自動化

網站介紹影片自動化
手把手圖文教學

從零到第一支「擬真人介紹影片」:文案 → 配音 → AI 分身 → 網頁錄影 → 剪輯上架。
老師無程式也能做,進階還能一鍵批次產出 9 大單元。

⏱️ 最快 1 天出片 💰 免費~$24/月起 🧑‍🏫 不需攝影棚 📱 橫式+直式一次搞定

你會做出什麼?成品長這樣

目標網站:https://hjchen-english.pages.dev/ | 建議版式:網頁操作 90% + 右下角 AI 老師小窗

hjchen-english.pages.dev — HJChen 英語教學網
📚 單元式英語互動自學專區
🔤 be動詞 ⏳ 三大時態 🎬 原形動詞
🔊 美式真人發音   🔍 HUD查詞   ➕ 無限題庫
字幕:每個單元都有美式真人發音,點一下就能聽,還能無限刷題…
👩‍🏫
AI 陳老師
HeyGen 分身
🎯 為什麼這樣擺?
  • 觀眾要看的是網站有多好用,不是看假人發呆
  • 假人只佔 15%,負責信任感 + 導覽
  • 字幕永遠置中偏下,Shorts 也看得到
  • 同一支母片可輸出 16:9 + 9:16
🖼️
此處放你第一支截圖
建議:首頁 hero + HUD 查詞特寫 + 題庫控制台,三張就夠
💡 老師視角:你不需要露臉、不需要麥克風、不需要剪輯基礎。先跑完 A 路線(零程式)產出 1 支,之後再考慮自動化批次產 10 支單元片。

1 全流程地圖:5 個步驟

所有自動化都是這 5 步,只是「手動」還是「程式跑」的差別。

📝
1. 文案腳本LLM 生成
60秒口播稿
🔊
2. 配音 TTSElevenLabs / Edge
中英混讀
🧑‍💻
3. 擬真人HeyGen / Hedra
照片變講話頭
🖥️
4. 網頁錄影OBS / Playwright
自動捲動
✂️
5. 剪輯上架CapCut / FFmpeg
字幕+封面
🔀 資料流(看懂這張就懂自動化):
📄 網址清單 urls.txt🤖 LLM 寫腳本🔊 MP3 配音
🔊 MP3 配音🧑‍🏫 HeyGen API → 人物MP4🖥️ Playwright 網頁MP4
人物MP4 + 網頁MP4 + 字幕.srt→ FFmpeg →✅ 成品 16:9 / 9:16

2 工具比較:擬真人到底選誰?

2026 年實測結論:短影音 30-60 秒,HeyGen 已經能騙過一般觀眾;看久了還是看得出是 AI,要誠實標示。

工具適合你嗎要什麼素材中文好嗎價錢
HeyGen Avatar V ⭐首選
最真
要介紹教學網、招生、課程包,追求最像真人15 秒自拍影片即可很好,175+語言,中英混讀穩免費試用 / Creator ~$24/mo
Synthesia
最商務
學校、企業培訓要過資安審查1 分鐘 webcam140+語言,最廣免費10分/月 / $29/mo 起
Hedra Character-3
最有表情
Shorts、Reels,想快速、有眉毛挑動感一張照片就行英文最好,中文可用免費額度 / $15/mo 起
D-ID / Vidnoz
最便宜
只想先玩玩看,不想花錢一張大頭照堪用D-ID $5.9/mo 起,Vidnoz 有免費
SadTalker / LivePortrait
開源免費
會 Python、有顯卡、完全不想付費照片+音檔,本機跑看你配的 TTS免費,但很吃電腦
📸 素材怎麼拍最真?
窗邊自然光、手機與眼睛同高、肩膀以上、背景乾淨、講 15 秒「同學好,我是陳老師…」。不要戴口罩、不要大逆光。
HeyGen 會要你眨眼+轉頭驗證是本人,這是防 deepfake 的正常流程。
⚠️ 什麼時候會穿幫?
4K 近看眼睛、手部、全身走動、講超過 3 分鐘。解法:只做 60-90 秒、只露上半身、畫面主力放網站操作,假人縮小就看不出來。

配音 TTS 怎麼選?

工具特色費用
HeyGen 內建聲音最省事,選中文女聲/男聲直接生成,不用另外配含在方案內
ElevenLabs v3目前最自然,可複刻你自己的聲音,中英混讀最強免費額度 / $5 起
Edge-TTS(微軟免費)完全免費,zh-TW-HsiaoChenNeural + en-US-AriaNeural 分段混讀,本教學用這個示範免費
MiniMax / 訊飛中文情感最好,適合招生宣傳片依量計費

3 三條路線:先選一條走

🟢
A. 零程式碼HeyGen + OBS + CapCut
今天就能出片

適合:第一次做

走 A 路線
🟡
B. 半自動Edge-TTS + Playwright
錄影自動化

適合:要做 3-5 支

看 B 教學
🔴
C. 全自動 APIHeyGen API + FFmpeg
一次產 10 支

適合:9大單元全包

看 C 教學
給 HJChen 的建議:先用 A 做 1 支首頁總介紹(驗證風格),再用 B/C 批次做「01 be動詞、03 三大時態、06 原形動詞…」每個單元 45 秒。這樣招生季每天都能發一支 Shorts。

4 A 路線手把手(零程式,約 2 小時)

你只需要瀏覽器 + CapCut 免費版。跟著 1→8 做。

1

📝 用 AI 寫 60 秒腳本(10 分鐘)

把下面丟給 ChatGPT / Claude,直接改地名和 email 就能用。重點:前 3 秒講痛點,不要自我介紹太久。

請幫我寫一支 60 秒、繁體中文、介紹「HJChen 英語教學網」的口播腳本。
網站特色:三層級美式真人發音TTS、隨視口浮動HUD查詞、語句邏輯三部曲、無限適性題庫。
涵蓋:01高職解題神器、02統測神器、03單元式自學9單元、04技高考點大全、05-06國中會考。
對象:技高學生+家長。語氣:親切老師。前3秒要有鉤子,結尾呼籲點擊連結免費自學。
輸出:每句分行,並標秒數。
2

🧑‍🏫 在 HeyGen 建你的分身(15 分鐘)

  • heygen.com → Avatars → Create Avatar → Avatar V
  • 手機錄 15 秒正面講話(窗邊光、安靜處)上傳 → 等約 15 分鐘生成
  • 沒錄好?先用內建 Stock Avatar(選亞洲老師臉 + 中文聲)頂著用,之後再換自己
  • 語言選 Chinese (Traditional) / Mandarin-TW,Voice 選自然女聲/男聲試聽 3 個再定
🧑‍🏫➡️🤖
示意:自拍 15 秒 → HeyGen 生成分身
實際頁面:左邊上傳區 / 右邊預覽,記得勾選本人同意書
3

🔊 貼腳本生成人物影片(10 分鐘)

  • HeyGen → Create Video → 16:9 橫式先做(之後再複製改 9:16)
  • 背景選乾淨漸層或上傳你的網站首圖,Avatar 放右下,大小約 1/5 畫面
  • 一次生成不要超過 90 秒,太長容易嘴型飄。分兩段再接起來更穩
  • 匯出 1080p MP4
4

🖥️ 錄你的網站(20 分鐘)

  • OBS(免費)或瀏覽器擴充 Loom,Chrome 開 hjchen-english.pages.dev,視窗放大到 1920×1080
  • 照腳本順序錄 3 段,每段慢慢捲:首頁 hero點進 03 單元頁按 TTS 發音滑到無限題庫控制台按一次作答
  • 滑鼠開啟「強調游標」,點擊時停 1 秒,方便剪輯對嘴
  • 小技巧:錄前先 Ctrl+0 重置縮放,關掉書籤列,畫面最乾淨
5

✂️ CapCut 合成(30 分鐘,最關鍵)

  • 開 CapCut → 16:9 → 軌道1放網站錄影,軌道2放HeyGen 人物(子母畫面右下,加圓角+陰影)
  • 音訊以 HeyGen 為主,網站 TTS 示範處把人物靜音 3 秒,讓觀眾聽到真實發音
  • 一鍵 自動字幕 → 繁體中文,字體選粗黑體、加描邊,關鍵字(免費、無限題庫)標黃色
  • 片頭 1 秒加 封面標題:「技高英文救星?這個網站免費刷到飽」
🖥️ + 👩‍🏫 = 🎬
時間軸示意:V1 網站 / V2 人物小窗 / A1 配音 / S1 字幕
人物不遮到題庫按鈕,字幕不被人物擋到
6

📱 一鍵轉直式 Shorts(10 分鐘)

CapCut → 複製專案 → 改 9:16 → 網站畫面放大裁中間、人物移到下方、字幕放大 120%。同一支母片變兩支。

7

🚀 上架檢查(10 分鐘)

  • 檔名:HJChen_首頁介紹_16x9_v1.mp4
  • YouTube / FB / TikTok 上傳時勾選 「AI 生成內容」
  • 說明欄第一行放 https://hjchen-english.pages.dev/ + email hjchen@clvsc.tyc.edu.tw
  • 標籤:技高英文 統測英文 會考英文 免費自學
8

📊 看數據再優化

只看兩個數:前3秒流失率點擊連結率。流失高就換鉤子(例如改成「統測英文只剩30天?先看這個」),不要重拍整支,只換前3秒重出。

5 腳本模板:直接套用(60 秒首頁版)

下面這份已經照你的網站寫好,貼進 HeyGen 就能念。 seconds 為建議配速。

[0-3s 鉤子]
技高英文總是背了又忘?統測倒數還在瞎刷題?先看這個網站,免費的!

[4-15s 總覽]
這是 HJChen 英語教學網,專門為技術型高中和國中會考打造的互動自學門戶。
不用補習、不用登入,手機點開就能學。

[16-35s 三大神器]
第一,它有三層級美式真人發音,點一下單字整句都會念。
第二,隨視口浮動查詞,看到不會的,滑到哪查到哪。
第三,無限適性題庫,做完自動再出題,刷到會為止。

[36-50s 帶看單元]
不管你是高一要打底 be動詞,還是高三要衝統測,或是國三要拚會考 A加加,
裡面 01 解題神器、03 單元自學九大主題、04 考點大全,全部幫你分好了。

[51-60s 行動呼籲]
現在就點說明欄連結,免費開始你的第一個單元。
我是陳老師,下一支帶你看三分鐘搞懂三大時態,我們 Shorts 見!
🔁 9 大單元套版公式(每支 45 秒):痛點提問 5s → 這個單元救什麼 10s → 實際按一次 TTS + 做一題 20s → 下一支預告 10s。把單元名換掉就能批次生產。

6 免費配音:Edge-TTS(不用花錢也自然)

如果你不想用 HeyGen 內建聲音,想自己配再丟給 Hedra / D-ID 用,就用這招。全免費。

安裝(一次就好)

pip install edge-tts
# 驗證有沒有台灣聲
edge-tts --list-voices | findstr zh-TW

生成(中文一段、英文一段,分開念最自然)

# 中文:曉臻,英文:Aria,混讀就分兩次產再接起來
edge-tts --voice zh-TW-HsiaoChenNeural --text "同學好,這是HJChen英語教學網,每個單元都能免費自學。" --write-media zh.mp3
edge-tts --voice en-US-AriaNeural --text "Click any unit, listen, and practice with unlimited quizzes." --write-media en.mp3

# 用 FFmpeg 接起來
ffmpeg -i zh.mp3 -i en.mp3 -filter_complex "[0:a][1:a]concat=n=2:v=0:a=1" voice_full.mp3
🎙️ 中英混讀秘訣:不要同一句中英夾雜給 TTS,會變外國腔。拆成兩句、英文單字用前後空格隔開,數字寫成國字(三年 → 三年,不要寫 3年)。

7 B / C 自動化:Playwright + FFmpeg + HeyGen API

當你要做第 3 支以後,這段程式會救你一命。概念:網頁自動錄影 + 自動合成。

B1. 自動錄網站(Playwright,不用手動按錄影)

# 安裝: pip install playwright && playwright install chromium
# 存成 record.py 後執行: python record.py
from playwright.sync_api import sync_playwright

URLS = [
  "https://hjchen-english.pages.dev/",
  "https://hjchen-english.pages.dev/03_單元式互動教學網頁/",
]

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    page = browser.new_page(viewport={"width":1920,"height":1080})
    for i, url in enumerate(URLS):
        page.goto(url, wait_until="networkidle")
        page.wait_for_timeout(2000)
        # 自動慢速捲動,模擬真人瀏覽
        page.evaluate("""async () => {
          await new Promise(r=>{
            let y=0; const t=setInterval(()=>{
              y+=300; window.scrollTo(0,y);
              if(y>=document.body.scrollHeight){clearInterval(t);r();}
            },400);
          });
        }""")
        page.screenshot(path=f"shot_{i}.png", full_page=False)
    browser.close()
print("完成!再用 OBS 或 playwright-video 錄成 mp4 即可。")

C1. 自動合成(FFmpeg:網站 + 人物小窗 + 字幕)

# 網站錄影 web.mp4 + HeyGen人物 avatar.mp4 + 字幕 subs.srt → 成品 final.mp4
ffmpeg -i web.mp4 -i avatar.mp4 -filter_complex "[1:v]scale=380:-1,format=yuva420p[av];[0:v][av]overlay=W-w-30:H-h-30" -c:a copy temp.mp4
ffmpeg -i temp.mp4 -vf "subtitles=subs.srt:force_style='FontName=Microsoft JhengHei,FontSize=22,PrimaryColour=&HFFFFFF,Outline=2'" -c:a copy final_16x9.mp4

# 直式 Shorts 版:裁中間 1080x1920
ffmpeg -i final_16x9.mp4 -vf "scale=1080:-1,crop=1080:1920" final_9x16.mp4

C2. HeyGen API 批次產人物(進階)

# 申請 heygen.com API Key 後,可用程式批次丟腳本
# 文件: docs.heygen.com → Video Generation API
import requests
API_KEY="PUT_YOUR_HEYGEN_API_KEY"
headers={"X-Api-Key":API_KEY,"Content-Type":"application/json"}
data={
  "video_inputs":[{"character":{"type":"avatar","avatar_id":"你的AvatarID"},
    "voice":{"type":"text","input_text":"同學好,這是HJChen英語教學網,點開就能免費自學。","voice_id":"中文女聲ID"}}],
  "dimension":{"width":1280,"height":720}
}
r=requests.post("https://api.heygen.com/v2/videos",headers=headers,json=data)
print(r.json())
📁 建議資料夾結構(就放在這個 05_影片自動化 裡):
/scripts/ 腳本.txt/voice/ mp3/avatar/ 人物mp4/web/ 網站錄影/final/ 成品record.py + urls.txt。這樣之後丟給 AI 批次跑才不會亂。

8 版式與封面:讓人想點

✅ 安全版式

  • 人物小窗:右下,寬約 20%,加圓角+陰影,不要遮按鈕
  • 字幕:置中偏下,粗黑體 22pt 以上,白字黑邊
  • 關鍵字變色:免費、無限、秒殺、A++ 用黃色
  • 每 5 秒一個 co:縮放 / 箭頭 / 圈選,避免整支都在捲頁面

封面標題公式(擇一)

  • ❓ 痛點型:「統測英文只剩30天?先看這個」
  • 🎁 利益型:「這個網站免費刷題刷到飽」
  • ⚡ 反差型:「技高英文不用背?三招秒殺題幹」
  • 縮圖:大字 6 字內 + 你的網站 hero + 一個紅色箭頭

10 成本與時間:老實話

方案月費一支60秒成本時間
全免費(Edge-TTS + Hedra免費 + CapCut)$0$0,但有浮水印/額度限制約3小時
推薦(HeyGen Creator + CapCut免費)~$24約 $1-2,可產 10-15 支約2小時,熟了1小時
全自動 API 量產 10 支$24 + API 超量另計約 $15-25 / 10支設定1天,之後一鍵跑
💡 省錢技巧:先用免費版試風格,確定要量產再訂一個月 HeyGen,招生季一次把 10 支全產完就停訂。Avatar 分身會保留,下次再訂還在。

行動清單:勾完就出片

進度會存在這台電腦,下次打開還在。

0%(0/10)
開啟我的教學網 去 HeyGen 去 CapCut

📎 附錄:連結與檔名規範

下一步建議:你先照 A 路線做第一支,有卡住的地方截圖給我,我幫你調腳本或指令。等第一支上架後,我再幫你在這個資料夾裡建 record.py + urls.txt,直接升級半自動。