Skip to content

Commit d3d286a

Browse files
feat(registry): add beat-freeze-cut
Beat-driven speed ramp, freeze-frame hit, and hard cut for music-led promos and montages. Contributed as #2957; applied here as content so the whole catalog set lands together. Verified by rendering: 6s, clean, deterministic (the one Math.random hit is a comment above a fixed pattern array). Opaque root, so no demo.html is needed for its catalog preview. Co-authored-by: akiyoshisan1218 <akiyoshisan1218@users.noreply.github.com>
1 parent 35231e9 commit d3d286a

6 files changed

Lines changed: 976 additions & 0 deletions

File tree

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
title: "Beat Freeze Cut"
3+
description: "A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages."
4+
---
5+
6+
# Beat Freeze Cut
7+
8+
A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.
9+
10+
`transition` `music` `beat-driven` `freeze-frame`
11+
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/beat-freeze-cut.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/beat-freeze-cut.png" autoPlay muted loop playsInline />
13+
14+
## Install
15+
16+
<CodeGroup>
17+
18+
```bash Terminal
19+
npx hyperframes add beat-freeze-cut
20+
```
21+
22+
</CodeGroup>
23+
24+
## Details
25+
26+
| Property | Value |
27+
| --- | --- |
28+
| Type | Block |
29+
| Dimensions | 1920×1080 |
30+
| Duration | 6s |
31+
32+
## Files
33+
34+
| File | Target | Type |
35+
| --- | --- | --- |
36+
| `beat-freeze-cut.html` | `compositions/beat-freeze-cut.html` | hyperframes:composition |
37+
38+
## Usage
39+
40+
After installing, add the block to your host composition:
41+
42+
```html
43+
<div data-composition-id="beat-freeze-cut" data-composition-src="compositions/beat-freeze-cut.html" data-start="0" data-duration="6" data-track-index="1" data-width="1920" data-height="1080"></div>
44+
```

docs/docs.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -303,6 +303,7 @@
303303
{
304304
"group": "CSS Transitions",
305305
"pages": [
306+
"catalog/blocks/beat-freeze-cut",
306307
"catalog/blocks/hw-scribble-transition",
307308
"catalog/blocks/mk-clone-wall-transition",
308309
"catalog/blocks/organic-light-leak-overlay",

docs/public/catalog-index.json

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,20 @@
2727
"href": "/catalog/blocks/apple-money-count",
2828
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/apple-money-count.png"
2929
},
30+
{
31+
"name": "beat-freeze-cut",
32+
"type": "block",
33+
"title": "Beat Freeze Cut",
34+
"description": "A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.",
35+
"tags": [
36+
"transition",
37+
"music",
38+
"beat-driven",
39+
"freeze-frame"
40+
],
41+
"href": "/catalog/blocks/beat-freeze-cut",
42+
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/beat-freeze-cut.png"
43+
},
3044
{
3145
"name": "blue-sweater-intro-video",
3246
"type": "block",

0 commit comments

Comments
 (0)