Skip to content

Commit faffe82

Browse files
committed
docs: link published Open Connector film
1 parent 7775fa2 commit faffe82

2 files changed

Lines changed: 22 additions & 14 deletions

File tree

README.md

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,25 @@
22

33
**English** | [简体中文](README.zh-CN.md)
44

5-
[![Open Connector × HyperFrames demo poster](demo/poster.webp)](demo/open-connector-hyperframes-demo-1080p.mp4)
5+
[![Watch the finished Open Connector × HyperFrames film on YouTube](demo/poster.webp)](https://youtu.be/THRCvlpoefg)
6+
7+
**[▶ Watch the finished film on YouTube](https://youtu.be/THRCvlpoefg)**
8+
9+
*Connect Any AI Agent to 1,000+ SaaS Apps with OpenConnector*
610

711
A 30-second product film built as a deterministic HTML composition with
812
[HyperFrames](https://github.com/heygen-com/hyperframes), GSAP, Three.js, and
913
procedurally generated sound. The repository contains the composition source,
1014
the isolated sound effects, the synthesis scripts, and runtime checks that
1115
protect its camera and handoff geometry.
1216

17+
The YouTube release is the final branded cut. This repository also includes a
18+
[public-safe 1080p preview](demo/open-connector-hyperframes-demo-1080p.mp4) that can be
19+
reproduced from source. The hosted cut received additional post-production and music that are not
20+
included in this repository. The reproducible public build remains SFX-only. Third-party marks
21+
visible in the hosted cut remain outside this repository's MIT license; see
22+
[Attribution](assets/ATTRIBUTION.md) for the exact boundary.
23+
1324
[Read with an agent](docs/agent-reading-guide.md) ·
1425
[Animation breakdown](docs/animation-breakdown.md) · [Sound design](docs/sound-design.md) ·
1526
[HyperFrames patterns](docs/hyperframes-patterns.md)
@@ -30,8 +41,8 @@ The agent turned those decisions into HTML animation addressed by absolute frame
3041
key frames, transition boundaries, and object continuity while iterating, then rendered the
3142
full film once the picture was settled. Programmatic sound and picture share one timeline.
3243
HyperFrames can also create background music in a chosen style and place it on that timeline.
33-
This repository keeps the public composition SFX-only; any other audio used in a separately
34-
hosted release cut is mixed later in editing software and is not part of this repository.
44+
This repository keeps the public composition SFX-only. The published YouTube cut received
45+
additional post-production and music outside this repository.
3546

3647
## Requirements
3748

@@ -138,11 +149,6 @@ Open Connector, OOMOL, and third-party names and trademarks remain the property
138149
respective owners. References identify the demonstrated integration flow and do not imply
139150
endorsement. See `assets/ATTRIBUTION.md` and `THIRD_PARTY_NOTICES.md` for the exact boundary.
140151

141-
## Original branded film
142-
143-
The original branded cut is intentionally not bundled in this public-source repository.
144-
An OOMOL-hosted link will be added here after that film is formally published.
145-
146152
## About HyperFrames
147153

148154
HyperFrames authors video as HTML and renders it deterministically through a browser and FFmpeg.

README.zh-CN.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,16 @@
22

33
[English](README.md) | **简体中文**
44

5-
[![Open Connector × HyperFrames 案例封面](demo/poster.webp)](demo/open-connector-hyperframes-demo-1080p.mp4)
5+
[![在 YouTube 观看 Open Connector × HyperFrames 正式成片](demo/poster.webp)](https://youtu.be/THRCvlpoefg)
6+
7+
**[▶ 在 YouTube 观看正式成片](https://youtu.be/THRCvlpoefg)**
8+
9+
*Connect Any AI Agent to 1,000+ SaaS Apps with OpenConnector*
610

711
这是一个完整可运行的 Open Connector 案例:一条 30 秒、1920×1080、30fps 的产品动画,使用 [HyperFrames](https://github.com/heygen-com/hyperframes)、GSAP、Three.js 和程序化音效制作。仓库同时公开成片源码、独立音效、合成脚本,以及用于验证相机运动和交接几何的运行时检查。公开版中的第三方应用与 Agent 节点均为程序生成的中性占位图形;带品牌图标的原片不随仓库分发。
812

13+
YouTube 链接指向正式发布的品牌成片。本仓库仍提供可从源码复现的[公开安全版 1080p 预览](demo/open-connector-hyperframes-demo-1080p.mp4)。正式成片另做了后期并加入配乐,这些内容不随仓库发布;可复现的公开版本仍为纯音效版。YouTube 成片中出现的第三方标志不属于本仓库的 MIT 许可范围,准确边界见[资源归属说明](assets/ATTRIBUTION.md)
14+
915
[让 Agent 阅读项目](docs/agent-reading-guide.zh-CN.md) · [动画拆解](docs/animation-breakdown.md) · [声音设计](docs/sound-design.md) · [HyperFrames 模式](docs/hyperframes-patterns.md)
1016

1117
## 这个案例展示了什么
@@ -19,7 +25,7 @@
1925

2026
## 我是怎么完成这支片子的
2127

22-
我负责产品叙事、运动方向和每轮的画面判断,Agent 负责把这些要求实现成按绝对帧定位的 HTML 动画。迭代时,我主要检查关键帧、转场边界和对象连续性,画面确定后再渲染整片。程序化音效和画面共用一条时间轴。HyperFrames 也可以按想要的风格生成背景音乐,并放进这条时间轴。这个仓库公开的版本只包含程序化音效;其他发布版本如需加入更多音频,会在剪辑软件中完成最终混音,相关素材不随本仓库发布
28+
我负责产品叙事、运动方向和每轮的画面判断,Agent 负责把这些要求实现成按绝对帧定位的 HTML 动画。迭代时,我主要检查关键帧、转场边界和对象连续性,画面确定后再渲染整片。程序化音效和画面共用一条时间轴。HyperFrames 也可以按想要的风格生成背景音乐,并放进这条时间轴。这个仓库公开的版本只包含程序化音效;正式发布的 YouTube 成片另做了后期并加入配乐,相关内容不随仓库发布
2329

2430
## 环境要求
2531

@@ -110,10 +116,6 @@ npm run audio:encode
110116

111117
Open Connector、OOMOL 及第三方名称和商标归各自权利人所有。相关引用仅用于说明集成流程,不表示权利人对本项目背书。准确边界见 `assets/ATTRIBUTION.md``THIRD_PARTY_NOTICES.md`
112118

113-
## 品牌原片
114-
115-
带第三方品牌图标的原片不会打包进这个公开源码仓库。等 OOMOL 正式发布该成片后,这里会补上由 OOMOL 托管的观看链接。
116-
117119
## 关于 HyperFrames
118120

119121
HyperFrames 使用 HTML 创作视频,并通过浏览器和 FFmpeg 确定性渲染。运行 `npx skills add heygen-com/hyperframes` 可以安装配套的 Agent 技能;也可以阅读[官方仓库](https://github.com/heygen-com/hyperframes),了解 CLI 和组合契约。

0 commit comments

Comments
 (0)