Spaces:
Configuration error
Configuration error
Dee Ferdinand commited on
Commit ·
0eb1d42
1
Parent(s): c718a43
docs: update README — rename Space to hyperframes-video-studio, add live URL
Browse files
README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
emoji: 🎬
|
| 4 |
colorFrom: purple
|
| 5 |
colorTo: pink
|
|
@@ -8,12 +8,16 @@ app_port: 7860
|
|
| 8 |
pinned: true
|
| 9 |
---
|
| 10 |
|
| 11 |
-
# 🎬
|
| 12 |
|
| 13 |
-
**
|
| 14 |
|
| 15 |
Upload photos + videos from any client event → select a workflow → render a production-ready MP4 with captions and background music. No local setup required.
|
| 16 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 17 |
## Workflows
|
| 18 |
|
| 19 |
| Workflow | Duration | Format | Best For |
|
|
@@ -23,21 +27,68 @@ Upload photos + videos from any client event → select a workflow → render a
|
|
| 23 |
| 🎬 Cinematic Trailer | 60s | 9:16/16:9 | Program recap, brand video |
|
| 24 |
| 🤝 Community Story | 60s | 9:16 | Community/church/NGO sessions |
|
| 25 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 26 |
## Tech Stack
|
| 27 |
-
|
| 28 |
-
- **
|
| 29 |
-
- **
|
| 30 |
-
- **
|
|
|
|
| 31 |
- **WebSocket** — real-time render progress
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
|
| 33 |
## API
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
```
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
GET /api/jobs/:id
|
| 40 |
-
GET /api/download/:id
|
| 41 |
-
```
|
| 42 |
|
| 43 |
Built by Dee Ferdinand × Claude (Anthropic). HyperFrames by HeyGen — Apache 2.0.
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Hyperframes Video Studio
|
| 3 |
emoji: 🎬
|
| 4 |
colorFrom: purple
|
| 5 |
colorTo: pink
|
|
|
|
| 8 |
pinned: true
|
| 9 |
---
|
| 10 |
|
| 11 |
+
# 🎬 Hyperframes Video Studio
|
| 12 |
|
| 13 |
+
**Cloud video production studio powered by HyperFrames — Testimonial · Teaser · Trailer generator**
|
| 14 |
|
| 15 |
Upload photos + videos from any client event → select a workflow → render a production-ready MP4 with captions and background music. No local setup required.
|
| 16 |
|
| 17 |
+
🔗 **Live:** https://aigoose-hyperframes-video-studio.hf.space
|
| 18 |
+
|
| 19 |
+
---
|
| 20 |
+
|
| 21 |
## Workflows
|
| 22 |
|
| 23 |
| Workflow | Duration | Format | Best For |
|
|
|
|
| 27 |
| 🎬 Cinematic Trailer | 60s | 9:16/16:9 | Program recap, brand video |
|
| 28 |
| 🤝 Community Story | 60s | 9:16 | Community/church/NGO sessions |
|
| 29 |
|
| 30 |
+
---
|
| 31 |
+
|
| 32 |
+
## How It Works
|
| 33 |
+
|
| 34 |
+
1. **Upload** photos and videos from your event (drag & drop)
|
| 35 |
+
2. **Select** workflow type (Testimonial / Teaser / Trailer / Community)
|
| 36 |
+
3. **Fill** project details — client name, trainer name, tagline
|
| 37 |
+
4. **Choose** background music (auto-matched or manual)
|
| 38 |
+
5. **Render** — HyperFrames builds the composition and encodes MP4
|
| 39 |
+
6. **Download** the finished video
|
| 40 |
+
|
| 41 |
+
---
|
| 42 |
+
|
| 43 |
## Tech Stack
|
| 44 |
+
|
| 45 |
+
- **[HyperFrames](https://github.com/heygen-com/hyperframes)** (heygen-com) — HTML → MP4 rendering engine, Apache 2.0
|
| 46 |
+
- **[FFmpeg](https://github.com/FFmpeg/FFmpeg)** — video encoding
|
| 47 |
+
- **Chromium** — headless browser for frame rendering
|
| 48 |
+
- **Node.js + Express** — REST API server
|
| 49 |
- **WebSocket** — real-time render progress
|
| 50 |
+
- **Pixabay Music** — 6 royalty-free tracks (free commercial use)
|
| 51 |
+
|
| 52 |
+
## Reference Repos
|
| 53 |
+
|
| 54 |
+
| Repo | Purpose |
|
| 55 |
+
|---|---|
|
| 56 |
+
| [heygen-com/hyperframes](https://github.com/heygen-com/hyperframes) | Core HTML→MP4 engine |
|
| 57 |
+
| [heygen-com/hyperframes-launches](https://github.com/heygen-com/hyperframes-launches) | Production composition examples |
|
| 58 |
+
| [calesthio/OpenMontage](https://github.com/calesthio/OpenMontage) | Agentic video pipeline patterns |
|
| 59 |
+
| [mifi/editly](https://github.com/mifi/editly) | Declarative clip assembly |
|
| 60 |
+
| [wzk1015/video-bgm-generation](https://github.com/wzk1015/video-bgm-generation) | AI video→music matching |
|
| 61 |
+
|
| 62 |
+
---
|
| 63 |
+
|
| 64 |
+
## Background Music Library
|
| 65 |
+
|
| 66 |
+
| Track | Mood | BPM | Auto-assigned to |
|
| 67 |
+
|---|---|---|---|
|
| 68 |
+
| corporate-motivation.mp3 | Corporate | 120 | Testimonial |
|
| 69 |
+
| inspiring-cinematic.mp3 | Cinematic | 90 | Trailer |
|
| 70 |
+
| upbeat-community.mp3 | Upbeat | 128 | Community |
|
| 71 |
+
| warm-documentary.mp3 | Warm | 75 | Community Story |
|
| 72 |
+
| tech-corporate.mp3 | Tech | 110 | Teaser |
|
| 73 |
+
| action-sport.mp3 | Energetic | 145 | Event Teaser |
|
| 74 |
+
|
| 75 |
+
All tracks: Pixabay License — free commercial use, no attribution required.
|
| 76 |
+
|
| 77 |
+
---
|
| 78 |
|
| 79 |
## API
|
| 80 |
+
|
| 81 |
+
```bash
|
| 82 |
+
GET /api/health # Health check
|
| 83 |
+
GET /api/workflows # List workflows
|
| 84 |
+
GET /api/music # List music tracks
|
| 85 |
+
POST /api/render # Start render job (multipart/form-data)
|
| 86 |
+
GET /api/jobs/:id # Poll job status
|
| 87 |
+
GET /api/download/:id # Download MP4
|
| 88 |
```
|
| 89 |
+
|
| 90 |
+
WebSocket: `wss://aigoose-hyperframes-video-studio.hf.space?job=JOB_ID`
|
| 91 |
+
|
| 92 |
+
---
|
|
|
|
|
|
|
|
|
|
| 93 |
|
| 94 |
Built by Dee Ferdinand × Claude (Anthropic). HyperFrames by HeyGen — Apache 2.0.
|