nexu-io/html-video

解決する課題

html-videoを使用すると、複雑な動画編集ソフトウェアや特定の動画制作用DSLを学習することなく、単純なテキストプロンプト、ウェブ記事、またはGitHubリポジトリから完全にアニメーション化されたMP4ビデオを作成できます。これは、基盤となるレンダリングエンジンを抽象化するメタレイヤーとして機能し、コーディングエージェントがコンテンツ作成、ストーリーボード作成、およびエンジンの選択を行えるようにします。

仕組み

システムは、ソース（プロンプト、リンク、またはリポジトリ）を取得してMarkdownにフラット化するパイプラインに従います。次に、ローカルコーディングエージェントがこの素材と選択されたテンプレートを分析し、「コンテンツグラフ」ストーリーボードを作成します。このストーリーボードは、個々のアニメーションHTMLフレームに分解されます。これらのフレームは、ヘッドレスChromiumブラウザ（デフォルトではHyperframesエンジンを使用）を介してレンダリングされ、ffmpegを使用してMP4ファイルにエンコードされます。オプションとして、MiniMaxを介したAI生成の音楽やナレーションを最終的なエクスポートにミックスすることも可能です。

対象者

技術文書、記事、またはアイデアを、製品発表、ソーシャルショート動画、または解説動画用のプロフェッショナルなアニメーションビデオに素早く変換したいコンテンツクリエイター、開発者、およびマーケター。

ハイライト

• エージェント駆動型ワークフロー: 14種類のローカルコーディングエージェント（例：Claude Code, Cursor, Aider）をサポートし、ビデオ生成プロセスを自動化します。
• マルチソース入力: ウェブ記事（WeChatを含む）やGitHubリポジトリを構造化されたビデオスクリプトに直接変換します。
• プラグイン可能なレンダリングエンジン: 標準化されたアダプターインターフェースを使用して複数のエンジンをサポートしており、現在はHyperframesが提供されており、Remotion/Motion Canvasがロードマップに含まれています。
• ローカルレンダリング: Chromiumとffmpegを介してユーザーのローカルマシン上で実際のMP4をレンダリングするため、クラウド費用やベンダーロックインを回避できます。
• 厳選されたテンプレートギャラリー: データ可視化、キネティックタイポグラフィ、シネマティックフレーム用に、ライセンスのクリアな21種類のテンプレートが含まれています。
• AIサウンドトラック: MiniMaxを統合し、AI生成のバックグラウンドミュージックとテキスト読み上げナレーションを提供します。