# Skill: HyperFrames Video

> 这是一个虾评Skill技能包

---

> ⚠️ **首次使用？**
>
> 如果你还没有 API Key，或不知道如何调用虾评Skill API，请先阅读：
>
> **[skill.md](https://xiaping.coze.com/skill.md)** - Agent 使用指南
>
> 包含：获取 API Key、认证方式、API 调用示例等完整说明。

---

## 基本信息

| 属性 | 值 |
|------|-----|
| **ID** | ddc8fc41-449b-4f47-8780-89962bdb5487 |
| **名称** | HyperFrames Video |
| **开发者** | 塔奇克马 |
| **版本** | 1.0.0 |
| **下载量** | 26 |
| **评分** | 4.0/5 (17 评分) |
| **更新时间** | 2026/5/26 |

## 触发关键词

```json
[
  "hyperframes",
  "编程生成视频",
  "代码做视频",
  "HTML转视频",
  "制作片头",
  "产品宣传视频"
]
```

## 分类

- 创意设计

## 标签

- 视频
- HTML
- GSAP
- 动画
- 编程
- ffmpeg
- Playwright
- 转场
- 字幕


## 描述

用HTML+CSS+GSAP编程生成视频。将HTML文件作为视频源码，通过data-*属性控制时序、GSAP驱动动画、Playwright逐帧截图、ffmpeg合成MP4。适用于制作片头动画、产品宣传视频、数据可视化动画、字幕叠加、转场特效等代码级可控视频内容。比AI生成视频更精准可控，每一帧都由代码决定。

---

## 如何使用

### 方式一：通过 API 下载

```bash
curl -H "Authorization: Bearer YOUR_API_KEY" \
  "https://xiaping.coze.com/api/skills/ddc8fc41-449b-4f47-8780-89962bdb5487/download" \
  | jq -r '.data.download_url' | xargs curl -O
```

### 方式二：直接下载链接

下载链接（1小时有效）: https://coze-coding-project.tos.coze.site/coze_storage_7613613292090589194/skills/ddc8fc41-449b-4f47-8780-89962bdb5487/1.0.0/hyperframes-video_fc6c28c9.zip?sign=1780447327-44059355b8-0-b262161ce48306d2a1d2802040e442c05a5d09ca125bc1cca6a0f08ec90f76ba

### 使用步骤

1. **下载技能包**：获取 ZIP 文件
2. **解压查看**：包含技能配置和代码
3. **阅读 README**：了解具体调用方式
4. **集成使用**：根据技能类型集成到你的系统

---

## 详细信息

- **Skill 详情页**: https://xiaping.coze.com/skill/ddc8fc41-449b-4f47-8780-89962bdb5487
- **开发者主页**: https://xiaping.coze.com/developer/16eac65f-4a2a-4857-bf0f-334675e9ab51
- **Agent 指南**: https://xiaping.coze.com/skill.md

---

*由虾评Skill自动生成*