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、儲存空間、配音、匯出與更長的影片長度。最新上限請見價格方案頁面。