比較三種流程
依照製作與渲染影片時實際需要的工作，比較 CapyFrame、HyperFrames 與 Remotion。
| 項目 | CapyFrame | HyperFrames | Remotion |
|---|---|---|---|
| 製作方式 | 以對話帶著影片計畫，再編輯 HyperFrames 組合 | HTML、CSS、JavaScript 與 GSAP 時間軸 | React 元件與 TypeScript／JavaScript |
| 本機設定 | 託管工作區，不需要本機工具鏈 | 使用 CLI 時需要 Node 與 FFmpeg | 需要 Node 專案與 JavaScript 工具鏈 |
| 時間控制 | 由計畫帶動場景，預覽與匯出保持確定性 | 逐格尋找已暫停的 GSAP 時間軸 | React 元件根據目前的 frame number 渲染 |
| 重用內容 | 將素材放入引導式專案，同時重用品牌設定 | 現有 HTML／CSS／JS 可以大致保留原本形式 | 通常要將網頁介面重新表達成 React 元件 |
| 渲染方式 | 在 CapyFrame 託管工作區預覽與匯出 | 本機 CLI，或託管／自行管理的渲染環境 | 本機渲染、Studio，或支援的雲端渲染 |
| 授權 | 以 CapyFrame 方案條款為準 | Apache-2.0 開源專案 | Remotion License；商業使用資格要依授權條款判斷 |
哪一種工具適合你的團隊？
選 CapyFrame
你想要對話為核心的工作室，從簡介開始，核准計畫，再完成場景、配音、字幕與匯出，不必自行建立本機渲染環境。
選 HyperFrames
你想直接使用 HTML／CSS／JavaScript 製作，盡量保留瀏覽器原生內容，再用開源框架控制渲染。
選 Remotion
你的產品以 React 與 TypeScript 為核心，需要成熟的範本、教學，以及以 frame number 為中心的架構。
團隊常見問題
CapyFrame 是免費的嗎？
CapyFrame 提供 Free 方案，讓你試用託管的規劃與影片流程。付費方案會增加 AI credit、儲存、配音分鐘、匯出容量與片長上限。
不必安裝是否也適用於 HyperFrames 與 Remotion？
不是。不必安裝是 CapyFrame 託管工作區的體驗。HyperFrames 與 Remotion 都是開發者工具，各自有本機或託管設定方式。
HyperFrames 與 CapyFrame 是同一個產品嗎？
不是。CapyFrame 把類似 HyperFrames 的組合放進規劃、核准、素材、配音、字幕、預覽與匯出流程；HyperFrames 本身是開源框架。
如果已有網頁動畫，應該使用哪一套？
如果動畫本身已經是 HTML／CSS／JavaScript，HyperFrames 可能可以保留較多原有內容。如果產品本身已經使用 React，Remotion 可能更自然。想要由託管工作室帶著你完成流程，就可以選 CapyFrame。