什麼是 Remotion？

用 React 寫影片

Remotion 是一個開源框架，讓你可以用 React 來製作影片。沒錯，就是你用來寫網頁的那個 React。

核心理念：影片是時間的函數

傳統影片剪輯軟體用時間軸拖拉素材。Remotion 的做法完全不同——你的影片就是一個 React 元件，接收「目前在第幾幀」作為輸入，然後渲染出對應的畫面。

想像一下：

• 第 0 幀 → 標題在畫面外
• 第 15 幀 → 標題滑到畫面中央
• 第 30 幀 → 標題完全靜止

每一幀都是一次 React render。影片不過是把這些 render 按順序串起來。

為什麼選擇 Remotion？

• 用你熟悉的工具 — React、TypeScript、npm 套件，你已經會的技能直接適用。
• 完全程式化 — 動態資料、API 串接、批量產出，全都可以用程式控制。
• 即時預覽 — Remotion Studio 讓你在瀏覽器中即時預覽，開發體驗跟做網頁一樣流暢。
• 高品質輸出 — 渲染出的影片是真正的 MP4/WebM，品質媲美專業剪輯軟體。

適合什麼場景？

• 社群媒體短影片（Instagram Reels、TikTok）
• 數據視覺化動畫
• 產品展示影片
• 自動化批量影片產出（例如：每週報告影片）

想開始動手嗎？前往教學區，跟著第一篇教學建立你的第一個 Remotion 專案。