Spaces:
Running
Running
File size: 3,536 Bytes
80d8c84 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | # Screen Recording and Video Guide (DOC 06, DOC 07, OBS 08)
---
## Screenshots to Capture (OBS 08)
Save all screenshots to `docs/screenshots/`. Use PNG format at 1920x1080 or higher.
### Required Screenshots
1. **`hf-space.png`** -- HF Space landing page
2. **`dashboard-hero.png`** -- Dashboard with 3D molecule background, three characters, and "Run Episode" button
3. **`dashboard-cast.png`** -- "Meet the Cast" section with the three tilt cards
4. **`episode-negotiation.png`** -- Active episode showing CharacterStage + negotiation log with at least 2 messages
5. **`episode-judge.png`** -- Judge character center-stage during the judging phase
6. **`episode-scores.png`** -- Complete episode with score card, Judge audit panel, and replay viewer
7. **`training-results.png`** -- Training Results panel with both baseline and trained lines visible
8. **`replay-viewer.png`** -- Replay viewer with the scrubber at a mid-episode position
### Optional GIFs
- **`character-tilt.gif`** -- Mouse hovering over a role card showing the 3D tilt effect
- **`judge-entrance.gif`** -- Judge dropping into center-stage with the scoring animation
- **`negotiation-flow.gif`** -- Messages sliding into the negotiation log
**Tool recommendation**: Use ShareX (Windows), CleanShot (Mac), or the browser DevTools screenshot tool.
---
## Screen Recording (DOC 06)
### Setup
1. Resolution: **1920x1080** (or 2560x1440 if Retina, then scale down in edit)
2. Browser: Chrome or Edge, no bookmarks bar, clean profile
3. Frontend: Running at `http://localhost:5175/`
4. Backend: Running at `http://localhost:7860/` or use the HF Space
5. Audio: Enable system audio to capture the built-in sound effects
### Recording Tool
- **OBS Studio** (free, all platforms) -- best for high quality
- **Loom** -- quick and easy, auto-uploads
- **Windows Game Bar** (Win+G) -- built-in, no install needed
### Clips to Record
Follow the demo script in `docs/demo_script.md`. Record each scene as a separate clip:
| Clip | Duration | Content |
|------|----------|---------|
| `clip1-hook.mp4` | 8s | Dashboard hero with molecules, slow scroll |
| `clip2-cast.mp4` | 8s | Hover over tilt cards, show character names |
| `clip3-start.mp4` | 8s | Select ML Benchmark, click Start |
| `clip4-negotiate.mp4` | 14s | Watch negotiation log fill, scroll through messages |
| `clip5-judge.mp4` | 10s | Click Step, judge entrance, gavel, score reveal |
| `clip6-training.mp4` | 8s | Training Results, toggle baseline/trained |
| `clip7-close.mp4` | 4s | Return to dashboard, show URL |
Save raw clips to `docs/video/` (gitignored).
---
## Final Video Edit (DOC 07)
### Editing
1. Import all clips into a video editor (DaVinci Resolve free, CapCut, or iMovie)
2. Trim to fit the 60-second target
3. Add captions from the demo script narration lines
4. Add a title card: "ReplicaLab -- OpenEnv Hackathon"
5. Add an end card with the GitHub URL and HF Space link
6. Export at 1080p, H.264, 30fps
### Upload
1. Upload to YouTube as **Unlisted**
2. Title: `ReplicaLab - Multi-Agent Scientific Replication Environment | OpenEnv Hackathon`
3. Description: Include the GitHub repo URL and HF Space link
4. Copy the YouTube URL for the submission form
### Checklist
- [ ] Video is under 60 seconds
- [ ] Captions are readable
- [ ] Audio (sound effects) is audible but not overpowering
- [ ] All key scenes are covered: hook, cast, episode, judge, training, close
- [ ] YouTube link is accessible (unlisted, not private)
- [ ] Link is added to the submission form
|