hyperframes 0.1.1 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +121 -0
- package/dist/cli.js +2755 -1167
- package/dist/docs/compositions.md +8 -1
- package/dist/docs/data-attributes.md +4 -0
- package/dist/docs/gsap.md +3 -0
- package/dist/docs/rendering.md +4 -0
- package/dist/docs/templates.md +4 -0
- package/dist/docs/troubleshooting.md +7 -0
- package/dist/hyperframe-runtime.js +4 -3
- package/dist/hyperframe.manifest.json +22 -0
- package/dist/hyperframe.runtime.iife.js +13 -0
- package/dist/studio/index.html +11 -11
- package/dist/templates/blank/compositions/captions.html +92 -0
- package/dist/templates/blank/index.html +44 -0
- package/dist/templates/play-mode/compositions/captions.html +96 -30
- package/dist/templates/play-mode/compositions/intro.html +90 -71
- package/dist/templates/play-mode/compositions/stats.html +210 -74
- package/dist/templates/play-mode/index.html +214 -148
- package/dist/templates/swiss-grid/compositions/captions.html +70 -17
- package/dist/templates/swiss-grid/compositions/graphics.html +52 -43
- package/dist/templates/swiss-grid/compositions/intro.html +42 -25
- package/dist/templates/swiss-grid/index.html +227 -165
- package/dist/templates/vignelli/compositions/captions.html +87 -28
- package/dist/templates/vignelli/compositions/overlays.html +83 -31
- package/dist/templates/vignelli/index.html +183 -164
- package/dist/templates/warm-grain/compositions/captions.html +80 -66
- package/dist/templates/warm-grain/compositions/graphics.html +29 -22
- package/dist/templates/warm-grain/compositions/intro.html +29 -20
- package/dist/templates/warm-grain/index.html +278 -179
- package/package.json +16 -15
- package/LICENSE +0 -21
package/README.md
ADDED
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
# hyperframes
|
|
2
|
+
|
|
3
|
+
CLI for creating, previewing, and rendering HTML video compositions.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install -g hyperframes
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Or use directly with npx:
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npx hyperframes <command>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
**Requirements:** Node.js >= 22, FFmpeg
|
|
18
|
+
|
|
19
|
+
## Commands
|
|
20
|
+
|
|
21
|
+
### `init`
|
|
22
|
+
|
|
23
|
+
Scaffold a new Hyperframes project from a template:
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
npx hyperframes init my-video
|
|
27
|
+
cd my-video
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
### `dev`
|
|
31
|
+
|
|
32
|
+
Start the live preview studio in your browser:
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
npx hyperframes dev
|
|
36
|
+
# Server running at http://localhost:3000
|
|
37
|
+
# Watching for changes...
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
### `render`
|
|
41
|
+
|
|
42
|
+
Render a composition to MP4:
|
|
43
|
+
|
|
44
|
+
```bash
|
|
45
|
+
npx hyperframes render ./my-composition.html -o output.mp4
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
### `lint`
|
|
49
|
+
|
|
50
|
+
Validate your Hyperframes HTML:
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
npx hyperframes lint ./my-composition.html
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### `compositions`
|
|
57
|
+
|
|
58
|
+
List compositions found in the current project:
|
|
59
|
+
|
|
60
|
+
```bash
|
|
61
|
+
npx hyperframes compositions
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
### `benchmark`
|
|
65
|
+
|
|
66
|
+
Run rendering benchmarks:
|
|
67
|
+
|
|
68
|
+
```bash
|
|
69
|
+
npx hyperframes benchmark ./my-composition.html
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### `doctor`
|
|
73
|
+
|
|
74
|
+
Check your environment for required dependencies (Chrome, FFmpeg, Node.js):
|
|
75
|
+
|
|
76
|
+
```bash
|
|
77
|
+
npx hyperframes doctor
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### `browser`
|
|
81
|
+
|
|
82
|
+
Manage the bundled Chrome/Chromium installation:
|
|
83
|
+
|
|
84
|
+
```bash
|
|
85
|
+
npx hyperframes browser
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### `info`
|
|
89
|
+
|
|
90
|
+
Print version and environment info:
|
|
91
|
+
|
|
92
|
+
```bash
|
|
93
|
+
npx hyperframes info
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
### `docs`
|
|
97
|
+
|
|
98
|
+
Open the documentation in your browser:
|
|
99
|
+
|
|
100
|
+
```bash
|
|
101
|
+
npx hyperframes docs
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
### `upgrade`
|
|
105
|
+
|
|
106
|
+
Upgrade Hyperframes to the latest version:
|
|
107
|
+
|
|
108
|
+
```bash
|
|
109
|
+
npx hyperframes upgrade
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## Documentation
|
|
113
|
+
|
|
114
|
+
Full documentation: [hyperframes.heygen.com/packages/cli](https://hyperframes.heygen.com/packages/cli)
|
|
115
|
+
|
|
116
|
+
## Related packages
|
|
117
|
+
|
|
118
|
+
- [`@hyperframes/core`](../core) — types, parsers, frame adapters
|
|
119
|
+
- [`@hyperframes/engine`](../engine) — rendering engine
|
|
120
|
+
- [`@hyperframes/producer`](../producer) — render pipeline
|
|
121
|
+
- [`@hyperframes/studio`](../studio) — composition editor UI
|