达灵感

HyperFrames by HeyGen

HyperFrames by HeyGen HTML 视频制作

用 HTML、CSS 与 GSAP 编写并渲染视频。

加入项目

这个插件是做什么的

用 HTML、CSS 和 GSAP 编写视频，借助命令行完成预览、渲染、转写和语音，并可把网站转成视频。

实际使用时，可以先从“把网站转成二十秒产品宣传片”开始，再根据任务继续“制作动态标题和场景转场”，并把“为旁白添加同步字幕并渲染视频”纳入同一流程。官方目录列出的 5 个 Skills会按具体任务参与处理。

它更适合前端开发者、程序化视频设计师和需要把网站制作成宣传片的团队，尤其是希望用 HTML、CSS 与 GSAP 编写并渲染视频，并把相关资料与操作集中在 Codex 中完成的场景。

查看官方英文说明

Build videos from HTML with HyperFrames. Author compositions with HTML + CSS + GSAP, use the CLI for init/preview/render/transcribe/tts, install reusable registry blocks and components, follow the GSAP animation reference, and turn any website into a video with the 7-step capture-to-video pipeline.

解决什么问题

  • 让网页开发者用熟悉的前端技术制作可复用动画视频
  • 形成从网站捕获到成片的工程流程
  • 难以把网站转成二十秒产品宣传片
  • 难以制作动态标题和场景转场
  • 难以为旁白添加同步字幕并渲染视频

适合哪些用户

  • 前端开发者
  • 程序化视频设计师
  • 需要把网站制作成宣传片的团队

适合完成哪些任务

  • 把网站转成二十秒产品宣传片
  • 制作动态标题和场景转场
  • 为旁白添加同步字幕并渲染视频

包含的 Skills

Skills（5）

  • GSAP

    HyperFrames 使用的 GSAP 动画参考。

  • HyperFrames

    在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频响应视觉和场景转场。

  • HyperFrames CLI

    使用 HyperFrames CLI 的初始化、检查、预览、渲染、转录、TTS、诊断、浏览器、信息、升级、合成、文档和基准测试命令。

  • HyperFrames Registry

    在 HyperFrames 合成中安装并接入注册表区块和组件。

  • Website to HyperFrames

    捕获网站并将其制作成 HyperFrames 视频。

使用前注意事项

安装 HyperFrames by HeyGen 时可能需要连接发布者账户，具体权限取决于你的套餐、地区和工作区管理员设置。 官方标注包含 Write 能力；执行写入、修改、发送或发布前，请核对目标、内容和授权范围。 官方目录当前没有提供单条插件的最近更新时间；达灵感不会用目录同步时间冒充更新时间。

安装到 Codex

当前官方目录未提供可直接复制的命令。你可以复制下面的安装指令并发送给 Codex，Codex 会查找对应插件并发起安装确认。