HyperFrames
用對話就可以做到嘅 HyperFrames 影片工作室
HyperFrames 可以將 HTML、CSS 同 GSAP 動畫渲染成影片。CapyFrame 將呢個概念放入託管工作區，你只需要描述想要嘅短片同檢視結果，唔使自己逐行寫組合。
HyperFrames 係 HeyGen 推出嘅開源框架，可以將 HTML、CSS 同 GSAP 動畫時間軸渲染成影片。CapyFrame 係另一個獨立嘅託管工作室：你用對話寫簡短要求，批准影片計劃後，由 CapyFrame 生成 HyperFrames 風格嘅組合，之後用日常說話修改場景，再匯出 MP4，全程唔使安裝 Node、FFmpeg 或 Chrome。
咩係 HyperFrames 組合？
HyperFrames 組合其實就係一份普通 HTML。根元素記錄影片闊度、高度、幀率同長度；每個場景都係一個有開始時間同長度嘅元素，再由一條暫停咗嘅 GSAP 時間軸逐幀推進，輸出成影片。因為係 HTML，瀏覽器畫得出嘅嘢，都可以變成場景。
CapyFrame 喺邊個位置幫到手
手寫組合好強大，但版面、時間、素材同渲染都要自己搞掂。CapyFrame 保留同一個 HTML 同 GSAP 基礎，再喺上面加返一套流程。
- 喺對話描述影片，未生成之前先睇結構化嘅影片計劃。
- 批准計劃後，一次過生成劇本、場景同樣式，並通過驗證。
- 用打字嘅方式修改場景、字幕、背景同片段。
- 喺瀏覽器預覽，按需要加配音同字幕，再匯出 MP4。
設計上以安全為先
生成出嚟嘅組合代碼一律視為不可信。CapyFrame 喺預覽或匯出前會檢查 HTML、CSS 同腳本，並封鎖網絡存取、儲存、背景執行緒、頁面跳轉同未登記嘅素材連結。只有獲批准嘅動畫執行環境同專案內嘅素材先可以載入。
幾時直接用 HyperFrames 會更啱
如果你想自己寫 HTML、CSS 同 GSAP，將原始碼放喺儲存庫，或者喺自己嘅流程入面渲染，就直接用 HyperFrames。想由工作室帶住你規劃、修改同交付，CapyFrame 會更適合。兩者可以互補：CapyFrame 唔係 HyperFrames，同 HeyGen 亦冇關聯。
點樣用 CapyFrame 製作 HyperFrames 風格影片
描述影片
喺對話寫低主題、對象、長度同語氣。有片段或錄音嘅話，可以一併附上。
檢視影片計劃
CapyFrame 會提出場景、節奏同每個場景用到嘅素材。繼續之前，你可以修改任何欄位。
批准並生成
批准計劃後，CapyFrame 會撰寫劇本，並建立一份通過驗證嘅 HTML 同 GSAP 組合。
用對話修改
用日常說話提出修改，例如裁剪片段、轉字幕風格或者換背景。每個改動都可以復原。
匯出 MP4
需要嘅話加入配音同字幕，然後匯出完成嘅影片。
有關 HyperFrames 嘅問題
HyperFrames 係咩？
HyperFrames 係 HeyGen 推出嘅開源框架，可以將 HTML、CSS 同 GSAP 動畫時間軸渲染成影片，採用 Apache-2.0 授權。
CapyFrame 同 HyperFrames 係咪同一樣嘢？
唔係。CapyFrame 係託管影片工作室，喺有引導嘅流程入面製作 HyperFrames 風格嘅 HTML 同 GSAP 組合。HyperFrames 係底層嘅開源框架，而 CapyFrame 同 HeyGen 並無關聯。
用 CapyFrame 製作 HyperFrames 風格影片，使唔使安裝嘢？
唔使。CapyFrame 喺瀏覽器運行，所以唔需要安裝 Node、npm、Chrome 或 FFmpeg。直接使用 HyperFrames 嘅開發者就需要自己嘅本機或託管渲染環境。
我可以自己改 HTML 嗎？
CapyFrame 設計為透過對話、場景設定同時間軸去修改。組合本身係以 HTML 為本，但代碼由工作室管理，並喺預覽同匯出前驗證。
可以免費試用嗎？
可以。CapyFrame 設有 Free 方案，付費方案會加入 AI credit、儲存空間、配音、匯出同更長片長。最新上限請睇收費方案頁面。