本篇文章讲解hyperframes用法,并从多个角度跟 remotion 工具进行对比。

1、项目安装与初始化

hyperframes 环境要求

node 版本≥ 22

ffmpeg 版本 ≥ 7

node安装,使用nvm工具。

ffmpeg安装,使用如下指令:

winget install ffmpeg 

hyperframes 安装,使用如下指令,安装过程选择默认选项即可。

npx hyperframes init

remotion 要求 node 版本大于等于 20,无需单独安装 ffmpeg 。

只需要如下指令,即可安装成功。

npx create-video@latest
  • 总结:remotion项目初始化更加方便。

2、结合 ai 制作视频

codex 打开,选择 gpt 5.5 模型。

打开上一步骤创建的 hyperframes 项目目录。

目录

打开之后,输入如下提示词:

请先浏览当前的项目,了解技术框架。然后实现一个视频效果:

一行银灰色的文字 - hi there!This is demo! 逐渐放大,放大到一定程度之后,变一种颜色。

你只需要创建代码即可,不需要执行任何指令,我自己来验证效果。
  • 总结:经测试,同样的 ai 工具,同样的 ai 大模型,同样的提示词。

hyperframes 做出的视频更有质感, 视频时间较长 10s 左右。

hp

remotion 做出的视频粗糙,视频时间较短 2s 左右。

2s

3、操作界面

hyperframes 的界面,内容丰富。

左侧,可直接修改代码;左侧有社区功能,可以直接拷贝别人做好的提示词。

左侧

右侧,可以选择图层,编辑、调整、优化视频内容。

右侧


remotion 工作台简陋,只有基础功能,无法直接修改视频内容。

remotion

  • 总结:hyperframes 操作界面元素丰富,做得更好。

4、项目管理

hyperframes 项目,将依赖的三方库文件,下载到 c 盘,占用磁盘空间,不好管理。

C:\Users\Gao\AppData\Local\npm-cache\_npx\28cb90d26e8fb0bf\node_modules\hyperframes\dist

hyperframes 工作台,仅能看到一个视频。该视频由 index.html 文件生成。

不允许存在其它视频对应的代码文件。

文件


remotion 项目,所有代码均放在项目文件夹中,不会下载到c盘。

remotion文件

remotion 工作台,可以查看多个视频,项目中允许存在不同的视频代码。

视频文件

总结:remotion项目更好管理。

5、视频导出

hyperframes 导出视频,有三个下拉框,选项条目少,简单清晰。

导出


remotion 导出视频复杂,会有多个配置项参与。

remotion导出

总结:hyperframes 导出视频更加方便。


最后总结:hyperframes 适合所有人(不论懂不懂代码)使用;remotion更适合懂编程的人使用。

请大家自行尝试使用。