昨天,OpenDesign团队(nexu.io)释出了号称html版剪映的‘html-video’项目,完全开源:


https://github.com/nexu-io/html-video


HTML版剪映来了:OpenDesign团队开源HTML-Video


HTML版剪映来了:OpenDesign团队开源HTML-Video


1)基于 hyperframes框架(https://github.com/heygen-com/hyperframes)构建,Apache 2.0 开源,由 Open Design 团队原班人马打造;


2)html-video 内置了 20 多套顶级 html 视频模板,适合用来做产品宣传、知识解说、数据可视化...只需丢给 Agent 一个网站链接、文件、公众号文章...Agent 就能帮你生成动态mp4 视频;


3)html-video (自带的Studio) 支持分页预览、分页编辑和帧文字编辑,修改视频更快更方便,不用每改一次就要导出一次看效果同步支持 横屏16:9 / 视频9:16 / 方形 1:1 / 小红书 4:5 等多种视频尺寸


HTML版剪映来了:OpenDesign团队开源HTML-Video


4)html-video 自动识别本地 6 种 code agent cli——Codex、Claude Code、hermes、cursor agent...顶部栏一键切换,无需额外配置任何 API key


HTML版剪映来了:OpenDesign团队开源HTML-Video


5)html-video已接入Minimax,支持直接根据视频内容生成配音和配乐(在Settings-audio中输入MiniMax token plan的API KEY):


HTML版剪映来了:OpenDesign团队开源HTML-Video


我快速试了一下,效率蛮高的,不过要想做的好,还是需要打磨很多细节!不要期望一次就成功~ 


抱歉,TTS voice和BMG可能有点太dramatic了....


HTML版剪映来了:OpenDesign团队开源HTML-Video


TTS和BGM消耗的token也不多,


HTML版剪映来了:OpenDesign团队开源HTML-Video


用途嘛~ 你如果想在小红书上当知识博主的话,这个项目应该能帮你大幅提效!


总之,强烈建议大家关注这个趋势:


从Markdown到HTML,再到视频化的HTML,都是怎么让人类能够更轻松高效的获取复杂、结构化的信息和知识。


P.S.


刚才瞟了一眼OpenRouter的token消耗排行榜,OpenClaw只有Hermes Agent的1/4不到了...一声叹息!战术上的勤奋掩盖战略上的懒惰!伤仲永!


HTML版剪映来了:OpenDesign团队开源HTML-Video


文章来自于微信公众号 "Draco正在VibeCoding",作者 "Draco正在VibeCoding"