跳到主要內容

pdf2video:把 PDF 自動轉成有動畫的簡報影片

DangJin/pdf2video on GitHub

你有一份 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」的設計方向值得關注。