hyperframes - 将 HTML 合成内容渲染为视频
使用 CSS、JavaScript、GSAP 动画和 FFmpeg 从 HTML 合成内容渲染 MP4 或 WebM 视频。
标签
更新于: 2026-09-30能力
典型输入
典型输出
该技能可以做什么
- 渲染 MP4 视频
- 渲染 WebM 视频
- 使用 GSAP 制作 HTML 动画
- 逐帧捕获页面
- 添加场景转场
- 从音频生成字幕
- 生成 TTS 旁白
- 检查视觉布局
- 验证颜色对比度
- 预览合成内容
输入
- HTML 合成内容
- CSS 样式
- JavaScript 时间线
- 视频素材
- 音频素材
- 网站 URL
- 渲染选项
- 视觉识别规则
输出
- MP4 视频文件
- WebM 视频文件
- 预览服务器
- Lint 报告
- 验证报告
- 布局检查报告
- 环境诊断报告
要求
- Node.js 22 或更高版本
- FFmpeg
- npx
- 终端访问权限
- 用于高质量渲染的 Chrome headless shell
- Linux、macOS 或 Windows