实测丨HeyGen开源HyperFrames,让AI Agent用HTML做视频

熊猫办公
实测丨HeyGen开源HyperFrames,让AI Agent用HTML做视频

复杂的视频剪辑工具,对专业的剪辑大神来说很好用,但是对不懂剪辑的人和AI Agent来说,就没那么友好了。
比如专业的开发者或者正在用AI去vibe coding的人,怎么去用AI剪辑,这很重要。
主要还是想解决自动化剪辑这件事情,传统工具很难实现。
刚好看到HeyGen开源的HyperFrames,来实测一下。

实测丨HeyGen开源HyperFrames,让AI Agent用HTML做视频
项目更新非常频繁,而且还不是刚开源的,我最喜欢这种项目了,往往稳定性很好,而且持续更新的也把性能优化的很好了。
项目简介
HyperFrames是HeyGen开源的视频渲染框架,可以把它理解成面向开发者和AI agent的HTML视频生产系统。
这类项目的思路都很一致,既然开发者和AI最熟悉HTML、CSS、JS,那就让视频也用这套方式来描述。把视频定义成HTML文档,用data-*属性管理时间、轨道和元信息,再通过GSAP、CSS、Lottie等工具制作动画,最终经由浏览器和渲染引擎进行确定性的逐帧渲染,输出 MP4。
DEMO
安装我就不讲了,文末有链接,用Agent自己安装好项目和skill,就能直接用了,最重要的还是方式方法。
我也在慢慢熟悉这种做视频的形式,今天主要是演示下基础使用效果。
特殊声明!我测试用的是CodeX-GPT-5.4,所以在美感上不如Claude和Gemini。
我的提示词很简单:
使用/hyperframes,创建一个heygen.com产品介绍视频
当然也可以有进阶玩法,给它链接、PDF、文档、表格等等信息,让它先理解内容,再把内容做成视频。
来看下第一版的效果。

这跟大家用AI写代码一样了,感觉哪不好就直接让它修改,非常可控!
我的第二条提示词:

帮我加上背景音乐,5-8秒的镜头里面的内容,有大部分的空白,这很丑,帮我调整下,让整个画面更加美观

这样就生成了一条相对可用的产品介绍视频。
进阶玩法我还在测试,看看能不能加一些测试的录屏,能不能加一些AE才能实现的动画,还有一些官方提供的模板,大家也可以动手玩玩。
如果测试成功再来给大家做教程。
功能特点

  1. HTML 原生

直接用 HTML + data-*,开发者几乎没有理解门槛。

  1. 为AI agent设计

AI最擅长生成HTML,而不是操作拖拽式时间轴。HyperFrames的CLI默认是非交互式、参数驱动、纯文本输出,这非常适合Codex、Claude Code、Cursor直接调用。

  1. 确定性渲染

相同输入会得到相同输出。对于批量生成、自动化测试、CI 渲染、内容版本管理来说,这一点非常重要,因为它意味着结果可复现。

  1. 兼容常见动画能力

它不会把你锁死在一种动画系统里,而是支持 GSAP、Lottie、CSS,还可以接入Three.js这类运行时,你可以把它理解成一个视频编排层。

  1. 适合自动化生产

从写脚本、生成分镜、预览、校验到输出视频,这一整套流程都可以进入自动化流水线。

  1. 有50+模板

官方提供了模板和50+可复用的转场、社媒组件、数据图表、视觉特效,可直接拿来生产。
项目链接

https://github.com/heygen-com/hyperframes

扫码加入AI交流群获得更多技术支持和交流(请注明自己的职业)
实测丨HeyGen开源HyperFrames,让AI Agent用HTML做视频
关注「开源AI项目落地」公众号与AI时代更靠近一点

© 版权声明

相关文章