# HyperFrames 商品宣传片：用三张自有商品图串起卖点和行动按钮

示例工程由本站编写，并用HyperFrames 0.8.159实际本地渲染。未调用Claude Code或远端文本/视频模型；读者可用随包提示词在自己的代理会话重做。三张商品输入由内置imagegen生成，非实物照片。

## 快速开始

在project目录先运行：

```bash
npx hyperframes@0.8.159 check --json
npx hyperframes@0.8.159 preview --background --no-open
```

Studio可编辑预览。检查本题事实与画面后按正文命令导出；可先播放随包output.mp4。

## 1. 检查三张商品图的身份

project/assets/product-1/2/3.png分别是正面、侧面与细节。三张均为内置imagegen生成的同一虚构计时器概念图，非实物摄影。先看刻度、外壳与金属边缘的一致性，再用于片子。

## 2. 只写输入能支持的卖点

打开product-facts.json，只保留陶瓷质感、金属旋转边缘、稀疏刻度外观。不填价格、续航、库存或精度。本题展示产品视觉组织，不能从生成照片推断真实机械性能。

## 3. 把三张图各分配一幕

0–10秒看主体比例，10–20秒看侧面材质，20–30秒看边缘细节与查看设计按钮。三幕各自解释一个问题，避免每张图都堆全部卖点。

## 4. 保持图片比例和可读文字区

在project/index.html检查object-fit:cover以及文字底板。主图允许轻微推进；侧面和细节仍要保留同一商品特征。若裁切后看不到卖点，改镜头，不用文案补造画面没有的细节。

## 5. 逐幕检查商品一致性

运行检查后在Studio定位4、14、24秒。对照三张源图，确认没有多出按钮、屏幕或品牌，左侧文字不遮住重要刻度；让移动幅度服务于看清产品。

```bash
npx hyperframes@0.8.159 check --json
npx hyperframes@0.8.159 preview --background --no-open
```

## 6. 导出30秒概念宣传片

高质量导出后检查30秒、24fps与1280×720。随包MP4来自本题实际工程；图像生成与HTML转视频是两条独立过程，HyperFrames不会凭空把产品照片变成三维物体。

```bash
npx hyperframes@0.8.159 render --output ../my-output.mp4 --fps 24 --quality high --workers 2 --strict
```

## 7. 回看开场、卖点和行动文字

依次暂停三个实际帧。开场先识别商品，中段辨认材质，片尾只引导查看设计细节；虚构教材不能伪装成真实在售商品或向读者收款。

## 8. 替换为自己的商品与事实表

复制工程再更换三张授权商品图和product-facts.json。若使用真实价格或商品参数，先核对来源日期；更换图片后重新审裁切、字幕和卖点，不沿用虚构素材的描述。

```bash
python3 verify.py
```

## 素材来源与许可

见THIRD-PARTY-NOTICES.md。project/assets含本地字体与GSAP，保留许可证；模型/代理调用与本地渲染分开计费。

## 官方资料

- https://hyperframes.heygen.com/guides/product-launch-video
- https://github.com/heygen-com/hyperframes-launch-video