nexu-io/html-video

Programmatic video for coding agents — HTML to video on your laptop. Turn HTML, CSS & data into real MP4s with pluggable render engines, 21 templates, AI soundtrack. Apache-2.0, no per-render fees. An official project by the Open Design team.

解決的問題

html-video 使用戶無需學習複雜的影片編輯軟體或特定的動畫 DSL,即可從簡單的文本提示、網頁文章或 GitHub 倉庫建立完全動畫化的 MP4 影片。它作為一個抽象底層渲染引擎的元層,允許編程代理處理內容創作、分鏡製作和引擎選擇。

工作原理

系統遵循以下流水線:獲取來源(提示詞、連結或倉庫)並將其扁平化為 Markdown。隨後,本地編程代理會分析這些材料和選定的模板,以建立「內容圖」分鏡。該分鏡被分解為單個動畫 HTML 幀。這些幀透過無頭 Chromium 瀏覽器(預設使用 Hyperframes 引擎)進行渲染,並使用 ffmpeg 編碼為 MP4 檔案。可選的 AI 生成音樂和旁白(透過 MiniMax)可以混入最終的匯出檔案中。

適用對象

想要快速將技術文件、文章或創意轉換為用於產品發佈、社群短影音或解說影片的專業動畫影片的內容創作者、開發者和行銷人員。

亮點

  • 代理驅動工作流:支援 14 種不同的本地編程代理(例如 Claude Code, Cursor, Aider)來自動化影片生成過程。
  • 多源輸入:直接將網頁文章(包括微信)和 GitHub 倉庫轉換為結構化的影片腳本。
  • 可插拔渲染引擎:使用標準化的適配器介面來支援多種引擎,目前已提供 Hyperframes,Remotion/Motion Canvas 已在路線圖中。
  • 本地渲染:透過 Chromium 和 ffmpeg 在使用者本地機器上渲染真實的 MP4,避免雲端費用和供應商鎖定。
  • 精選模板庫:包含 21 個用於數據視覺化、動態排版和電影級畫面的免版稅模板。
  • AI 配樂:整合 MiniMax 以實現 AI 生成的背景音樂和文字轉語音旁白。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案