你有一份 PDF 想變成短影片在社群分享,通常的選項是:開 Premiere 手動剪、用 Canva 重做一遍、或錄螢幕配旁白。pdf2video 換一條路——讓 Remotion(React 影片框架)讀 PDF、自動生成有動畫的簡報影片。
四種場景模式
| 模式 | 效果 |
|---|---|
| Stack | 卡片式展示,自然展開 |
| Focus | 聚焦單頁,帶縮放和捲動 |
| Switch | 投影片轉場 |
| Fan | 扇形輪盤佈局 |
這些不是花俏特效,而是為了讓「PDF 內容逐頁展示」不那麼無聊。搭配 typing 效果的底部說明列和進度條,整個影片看起來像認真做過的簡報,而不是 auto-generated slop。
技術選擇
Loading diagram...
- Remotion:React-based 影片框架,把 JSX 變成影片
- react-pdf / pdfjs-dist:PDF 讀取與渲染
- Zod:配置 schema 驗證
- TypeScript 100%:全型別安全
音訊整合
背景音樂自動淡入淡出,長度匹配影片總長。不用自己算時間軸、不用手動 fade——把 mp3 丟進去就好。
有趣亮點:Claude Code Skill
專案內建一個 Claude Code skill,你可以對 Claude 說「把這份 PDF 轉成影片」,它會自動分析 PDF、生成 props.json 配置、呼叫 render。整個流程不需要你寫任何 code。
這是「把開源工具設計成 AI 可呼叫」的好範例——工具本身可用,AI 整合也順手。
使用場景
- 產品發表:pitch deck → 社群宣傳影片
- 教育內容:講義 PDF → YouTube 短片
- 報告簡報:研究報告 → LinkedIn 動態影片
- 書籍摘要:精華頁 → Threads 貼文
結語
pdf2video 不是要取代 After Effects。它做的是讓「PDF → 影片」這件事從幾小時變成幾分鐘。選 Remotion 作為底層讓整個 pipeline 可程式化、可重複、可客製。搭配 Claude Code skill,連配置都可以 AI 生成——這種「open source + AI agent friendly」的設計方向值得關注。