比較三種流程
按製作同渲染影片時實際需要嘅工作，比較 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。