Remotion LabRemotion Lab
資源致謝

致謝

感謝所有讓 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 能力處理大量並行渲染任務。

關鍵套件依賴

套件用途
ZodProps Schema 驗證與型別推導
esbuild超快速的 TypeScript/JavaScript 打包
webpack開發環境的模組打包
ExpressRemotion Studio 的本地開發伺服器
AWS SDKLambda 和 S3 整合
sharp高效能圖片處理
Three.js3D 場景渲染支援(@remotion/three
LottieLottie 動畫播放(@remotion/lottie
Skia2D 繪圖引擎(@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 的創作者
  • 本繁體中文社群:貢獻本文件網站的所有譯者與維護者

文件技術棧

本繁體中文社群文件網站使用以下技術建構:

如何加入貢獻

如果你也想為 Remotion 或本繁體中文文件做出貢獻,請參閱:

每一個貢獻,無論大小,都是對整個社群的寶貴付出。