致謝
感謝所有讓 Remotion 得以運作的開源依賴、貢獻者與社群夥伴。
致謝
Remotion 站在許多優秀開源專案的肩膀上。我們在此感謝所有讓 Remotion 得以存在的依賴、貢獻者與社群。
核心技術依賴
React
Remotion 的整個渲染模型建立在 React 之上。React 讓我們可以用宣告式的方式描述每一幀的畫面,是 Remotion 最核心的基礎。
FFmpeg
FFmpeg 是影音處理領域最重要的開源工具。Remotion 使用 FFmpeg 進行影片編碼、音訊混合和格式轉換。沒有 FFmpeg,Remotion 的渲染輸出就無從實現。
Puppeteer / Chrome
Remotion 使用 Chromium 瀏覽器逐幀截圖,再透過 FFmpeg 合成影片。Chromium 的高品質渲染能力讓 Remotion 可以輸出與網頁一致的視覺效果。
Node.js
Remotion CLI 和伺服器端渲染均建立在 Node.js 之上,利用其非同步 I/O 能力處理大量並行渲染任務。
關鍵套件依賴
| 套件 | 用途 |
|---|---|
| Zod | Props Schema 驗證與型別推導 |
| esbuild | 超快速的 TypeScript/JavaScript 打包 |
| webpack | 開發環境的模組打包 |
| Express | Remotion Studio 的本地開發伺服器 |
| AWS SDK | Lambda 和 S3 整合 |
| sharp | 高效能圖片處理 |
| Three.js | 3D 場景渲染支援(@remotion/three) |
| Lottie | Lottie 動畫播放(@remotion/lottie) |
| Skia | 2D 繪圖引擎(@remotion/skia) |
核心貢獻者
Remotion 由 Jonny Burger(@JonnyBurger)創立,並在開源社群的共同參與下持續發展。
感謝所有在 GitHub 上提交過 Pull Request 的貢獻者,你們的每一個修正、功能和文件改善都讓 Remotion 變得更好。完整的貢獻者名單請見:
github.com/remotion-dev/remotion/graphs/contributors
靈感來源
Remotion 的設計理念受到以下專案的啟發:
- Motion Canvas:以程式碼驅動動畫的先驅探索
- Manim:3Blue1Brown 的數學動畫引擎,展示了程式碼生成影片的可能性
- After Effects:專業影片製作工具的標準制定者
社群貢獻
特別感謝:
- Discord 社群成員:每天在 Discord 互相幫助、分享創作的所有人
- 早期採用者:在 Remotion 還很年輕時就信任並使用它的開發者
- 教學內容創作者:製作 YouTube 教學、撰寫部落格文章推廣 Remotion 的創作者
- 本繁體中文社群:貢獻本文件網站的所有譯者與維護者
文件技術棧
本繁體中文社群文件網站使用以下技術建構:
- Next.js:網站框架
- MDX:Markdown 與 React 元件的結合
- Tailwind CSS:樣式系統
- Vercel:部署平台
如何加入貢獻
如果你也想為 Remotion 或本繁體中文文件做出貢獻,請參閱:
每一個貢獻,無論大小,都是對整個社群的寶貴付出。