A Broadcast-Grade Cinematic Explainer Video Framework & Turnkey Production Suite
Powered by HyperFrames, GSAP Timeline Engine, WCAG AA Contrast Guarantees, and Sidechain Audio Ducking
Beyond The Myth is a full-stack open-source framework and reference production suite for creating cinematic, vertical documentary explainer videos (9:16 vertical, 1080x1920 @ 30fps, exactly 60.00 seconds per video).
Designed specifically for AI coding agents and human creators alike, this repository provides:
- The Complete 20-Episode Production Corpus: 10 episodes of Season 1 (Historical Mysteries) and 10 episodes of Season 2 (Big Claims, Actual Evidence).
- Deterministic Web-to-Video Engine: HTML, CSS, and GSAP timeline rendering compiled to broadcast-grade MP4s via HyperFrames.
- Dual-Narrator Audio Mastering Pipeline: Alternating voices (Maya and Alex), verbatim script synchronization, and procedural background music with -12 dB sidechain ducking.
- Automated Accessibility & Layout QA: Every single frame passes 100% WCAG AA contrast checks, zero text clipping, zero letter-spacing jumps, and strict pivot stability.
- Turnkey Template Base: Clone this repository and instantly start producing your own YouTube Shorts, TikToks, and Reels documentary explainers with modular widgets and customizable design systems.
Every episode features 4 exclusive, photorealistic 9:16 vertical photographic plates, custom color palettes, and dedicated interactive widgets:
Ep 10: The Cropped 1933 Daily Express Headline

Hero Object: March 24, 1933 Uncropped Full Broadsheet Archive
| Ep 02: Oak Island Chappell Vault | Ep 06: The Protocols Forgery Proof | Ep 09: J'accuse & Dreyfus Affair |
|---|---|---|
![]() |
![]() |
![]() |
This repository includes the entire developer toolchain used to craft, animate, validate, and render the videos:
beyond-the-myth/
βββ packages/ # HyperFrames Core Engine & CLI
β βββ cli/ # Command-line interface (`hyperframes check/render/preview`)
β βββ core/ # Composition AST and compiler
β βββ producer/ # Headless Chromium frame capture & WebGL GPU pipeline
β βββ player/ # Interactive scrubber and preview player
β βββ studio/ # Local Studio interface
βββ .agents/skills/ # AI Agent Automation Skills
β βββ cinematic-explainer-video/ # Full-length documentary prompt contracts & layout rules
β βββ video-editing/ # Neural & procedural video transformation
βββ scripts/ # Production Pipelines
β βββ season_02_scripts.json # Master verbatim scripts with word boundaries
β βββ produce_season2_audios.py # Dual-narrator audio generator + sidechain ducking (-12 dB)
β βββ produce_season2_compositions.py# Deterministic HTML5/GSAP layout generator
β βββ check_all_season2.py # Automated WCAG AA contrast & layout compliance tester
β βββ render_and_deliver_season2.py # GPU-accelerated 30fps batch renderer and FFmpeg muxer
βββ beyond_the_myth_ep001/ ... ep020/ # 20 Independent Production Compositions
β βββ index.html # Self-contained GSAP HTML composition
β βββ captions.json # Synchronized word-level timing manifest
β βββ subtitles.srt # Broadcast-grade subtitle file
β βββ assets/ # High-resolution photorealistic plates, fonts, master audio
βββ season_02_delivery_manifest.json # Full production manifest with SHA-256 checksums
- Node.js v20 or v22+
- Python 3.10+
- FFmpeg (accessible in your system
PATH)
Clone the repository:
git clone https://github.com/luigilaxmaster-coder/beyond-the-myth.git
cd beyond-the-myth
npm installLaunch the real-time preview player with timeline scrubbing:
npx hyperframes preview beyond_the_myth_ep011Verify 100% WCAG AA contrast compliance and layout safety:
npx hyperframes check beyond_the_myth_ep011Render with GPU acceleration and high-quality delivery presets:
npx hyperframes render beyond_the_myth_ep011 -o renders/visual.mp4 --fps 30 --quality delivery --workers 2 --gpuMux the rendered visual video with master audio:
ffmpeg -y -i renders/visual.mp4 -i assets/audio/master.wav -map 0:v:0 -map 1:a:0 -c:v copy -c:a aac -b:a 192k -ac 2 -ar 44100 -t 60 -movflags +faststart output.mp4To create your own video using this repository as a base:
- Duplicate an Episode Template:
cp -r beyond_the_myth_ep011 my_new_episode
- Add Your 4 Photographic Plates:
Place 4 high-resolution vertical images (9:16 aspect ratio) into
my_new_episode/assets/images/asscene_1.jpg,scene_2.jpg,scene_3.jpg, andscene_4.jpg. - Generate Master Audio:
Use
scripts/produce_season2_audios.pyto synthesize speech and apply sidechain ducking (-12 dB) to your background music. - Customize the Hero Object Widget:
Edit
my_new_episode/index.htmlto create an interactive document, blueprint, or evidence card tailored to your topic. - Validate and Render:
npx hyperframes check my_new_episode npx hyperframes render my_new_episode -o renders/my_video.mp4 --fps 30 --gpu
All 10 episodes of Season 2 strictly satisfy the following criteria:
| Ep | ID | Title | Narrator | WCAG AA Contrast | Layout Errors | Audio Duration | File Size |
|---|---|---|---|---|---|---|---|
| 01 | ep011 |
Who Owns the Bank of England? | Maya | 100% (65/65) | 0 | 60.00s | 21.43 MB |
| 02 | ep012 |
The Brooklyn Synagogue Tunnel | Alex | 100% (43/43) | 0 | 60.00s | 16.30 MB |
| 03 | ep013 |
The Dollar Bill and the Great Seal of 1782 | Maya | 100% (56/56) | 0 | 60.00s | 48.00 MB |
| 04 | ep014 |
The 9/11 '4,000 Absentees' Myth | Alex | 100% (48/48) | 0 | 60.00s | 16.76 MB |
| 05 | ep015 |
The Black Death (1348) & The Poisoned Well | Maya | 100% (45/45) | 0 | 60.00s | 8.61 MB |
| 06 | ep016 |
Blamed for Capitalism... and for Communism? | Alex | 100% (55/55) | 0 | 60.00s | 13.25 MB |
| 07 | ep017 |
Henry Ford: When a Business Icon Spread Myths | Maya | 100% (60/60) | 0 | 60.00s | 8.12 MB |
| 08 | ep018 |
The 'Stab in the Back' (DolchstoΓ) Myth | Alex | 100% (43/43) | 0 | 60.00s | 15.13 MB |
| 09 | ep019 |
The Fake Surname Lists on Social Media | Maya | 100% (44/44) | 0 | 60.00s | 7.09 MB |
| 10 | ep020 |
The Cropped 1933 Daily Express Headline | Alex | 100% (48/48) | 0 | 60.00s | 9.90 MB |
This framework and documentary project is distributed under the Apache 2.0 License.
Built and curated by luigilaxmaster-coder.











