跳到主要內容
/閱讀約 3 分鐘/

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

DangJin 開源的 pdf2video 用 Remotion 把 PDF 自動轉成 1080p/30fps 動畫影片:四種場景模式、自動配樂淡入淡出、內建 Claude Code skill。TypeScript 100%,384 stars。

目錄+
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」的設計方向,值得持續關注。