大家好我是吾鳴。专注于分享提升工作与生活效率的工具无偿分享AI领域相关的精选报告持续关注AI的前沿动向。大家在做PPT或者是课件的时候是否会遇到一些复杂的概念或者是公式死活都给学生讲不明白如果能有一段生动的讲解视频是否会更有利于帮助你将复杂的概念/公式给讲清楚。有很多的产品文档或者PPT如果能带上更加生动直观的视频是不是也能让客户可以更容易更简单的了解到自家的产品。以前去制作这样的视频都需要花掉很多的时间或者是需要花费大量的金钱雇人去制作成本高昂。直到我前段时间看到了一款开源的软件HyperFrames我才发现制作视频还能这么简单成本还贼低下面是一段对它的介绍视频。hyperframes介绍视频这段视频是我使用HyperFrames制作的制作起来还挺方便的就是把GitHub地址丢给Workbuddy让它帮我制作一个介绍HyperFrames的视频。HyperFrames简介HyperFrames是一个开源的视频渲染框架可以让人通过以编写HTML的方式来进行视频的合成。如果是早些时候使用起来还是比较复杂编写HTML的方式来渲染合成视频这不就是撸码然后才能生成视频么但是今天是2026年了已经进入到了Agent的时代了所以编写HTML的这个步骤就交给Agent去做吧我们只需要下达指令提要求就可以了。它有两种使用方式一种是手动安装然后通过命令行的方式去操作生成视频比较复杂不太建议另外一种是通过它封装好的Skills把它交给Agent让Agent去操作它非常推荐。HyperFrames技能介绍HyperFrames一共有15个技能我把它们做了一下分类分别是核心技能3个日常必用、扩展技能4个特定需求按需使用、动画库技能8个控制动画行为由主技能控制使用。这一部分作为一个了解性的知识点不想了解的跳到下面安装和使用的章节。核心技能日常必用核心技能我们可以了解下因为如果使用HyperFrames制作视频的话就会经常性地使用到。hyperframes是一个主Skill视频制作的入口它会联动到其他的技能如果说到【帮我制作一个视频】、【生成一段动画】时会触发。hyperframes-cliHyperFrames的CLI命令行就是包含init(初始化)、preview(预览)、render(渲染)等命令需要运行CLI的时候触发。hyperframes-media:文本转语音、语音转文字、背景移除需要生成配音、转字幕、移除图片背景的时候触发。扩展Skills扩展技能不会经常用但是有些特殊需求的时候可以使用所以还是了解一下。hyperframes-registry官方内置了非常多的视频样式、转场、特效等内容放在了项目的registry目录下如果需要扩展的话可以使用到这个技能。website-to-hyperframes抓取任意的网页转成动画视频文章开头视频对Hyperframes的介绍就是使用到了这个技能。remotion-to-hyperframes这个技能是把原来使用Remotion合成的视频转成Hyperframes如果已经有Remotion合成视频的项目想迁移到Hyperframes可以使用这个技能。contribute-catalog如果你要想Hyperframes贡献代码的时候可以使用这个技能。动画库Skills这部分的技能基本上我们不会去手动触发都是Agent在用主技能进行视频合成的时候自动的去触发。HyperFrames安装我主要是在WorkBuddy上面去使用所以下面的讲解都是以WorkBudy为例其他的Agent和我在WorkBuddy中的用法相同提示词不变。HyperFrames我使用自然语言来进行安装就是丢给WorkBuddy一个链接让它帮我去安装这个Skills提示词如下。https://github.com/heygen-com/hyperframes帮我安装一下这个skills安装过程WorkBuddy会像我询问是否15个Skill全部安装不得不说WorkBuddy现在给人的体验真实越来越好了执行过程非常清晰的展示给你确认性的操作都是给提供的按钮已经不需要输入文案了。选择全部安装等待一会儿HyperFrames技能就可以安装好了。如何使用HyperFramesHyperFrames因为是WorkBuddy的一个Skill所以使用上也比较简单就是使用自然语言来描述清楚你的需求便可以了。下面我将以制作一个讲解细胞结构的视频为例讲解一下如何使用HyperFrames来制作视频。把下面的这个提示词丢给WorkBuddy。帮我使用hyperframes制作一个讲解细胞的结构的课件动画需要搭配上中文语音讲解可以使用hyperframes-media做讲解语音合成并且搭配上与 TTS 旁白同步的弹跳字幕。WorkBuddy把这个任务拆解成了10个小步骤分别是初始化HyperFrames项目编写HyperFrames视频合成HTML语法检查和预览验证生成合适的背景音乐它给生成的背景音乐效果不是很好最好自己找一个背景音乐让它帮你加上将背景音乐集成到HyperFrames中编写细胞结构课件脚本和分镜设计初始化HyperFrames项目cell-biology使用TTS生成中文语音讲解这里需要去下载Kokoro模型本地运行因此时间会有点长构建细胞结构课件HTML合成语法检查并渲染生成最终视频这些步骤都是WorkBuddy自己规划的规划好之后就自己执行我就在一旁刷手机。WorkBuddy其实也是想人在制作视频一样先做分镜脚本的设计然后再安装分镜脚本一步步生成视频最后渲染成片。上面都是WorkBuddy在制作这个视频的过程中给我展示的一些思考我把它截图下来了而已过程中它都是全自动的在执行最后生成渲染好视频之后给我一个通知。下面是生成的视频效果。细胞的基本结构总结HyperFrames是通过编写HTML的方式来渲染动画视频它有Skills的封装可以直接把GitHub地址丢给Agent让它帮你安装一共有15种Skill只需要知道核心的技能即可使用自然语法描述需求Agent会自动去匹配相关的技能来执行。HyperFrames是通过HTML来渲染视频动画所以Agent只需要去处理文本即可成本比较低而且大模型也擅长。语音合成等均使用了本地的大模型下载时间会比较久但是语音合成都在本地可以无限续杯。HyperFrames也有一些限制因为是HTML渲染所以比较适合做动画适合教学动画、产品解说、介绍类的视频制作对于真人视频、动漫视频、酷炫特效的视频它不太适合。好了本文的分享就到这里如果您觉得有收获的话可以给个一键三连您的鼓励是吾鳴持续输出的最大动力。