Add Remotion showcase video for the framework#116
Draft
antosubash wants to merge 5 commits intomainfrom
Draft
Conversation
50-second 1920x1080 video that spends its runtime explaining the framework: [Module] compile-time discovery, IEndpoint auto-wiring, MapCrud batteries- included helper, Inertia bridge, and cross-module event bus. Rounded out with a module inventory, tech stack, stats, and a GitHub CTA. Run 'npm install && npm run render' inside video/ to produce out/simplemodule.mp4. The rendered binary is gitignored; only the source scaffold is committed. Background audio is opt-in via REMOTION_ENABLE_AUDIO=1 once public/background.mp3 is supplied.
Deploying simplemodule-website with
|
| Latest commit: |
0855358
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://f818052f.simplemodule-website.pages.dev |
| Branch Preview URL: | https://claude-create-showcase-video.simplemodule-website.pages.dev |
- Add 10 per-module composition (Users, Permissions, Settings, Admin, Dashboard, AuditLogs, FileStorage, Email, BackgroundJobs, FeatureFlags) driven by data in src/data/moduleShowcases.ts; each video runs 14 s with its own accent colour, tagline, three feature bullets, and CTA callout. - Replace `say`-based TTS with Piper (en_US-ryan-high) for naturally spoken narration; regenerate all scene + module clips via npm run narrate. - Swap the background-music clip for Scott Buckley's "I Walk With Ghosts" (CC-BY 4.0) trimmed from 0:00 and loudnorm-treated; credit added to README. - Add a -14 LUFS post-process (scripts/normalize-loudness.mjs) so renders never ship at ear-splitting levels; render:all chains render -> normalize -> verify. - Add an empirical narration verifier (scripts/verify-narration.mjs) that cross-correlates each module video's speech envelope with every source clip; render:all fails if any video plays the wrong module's narration. - Tint the shared ModuleShowcase background with the module's accent colour so the ten spotlights feel visually distinct. - Tighten transitions in the main reel with @remotion/transitions (cross-fade + slide), trim hold durations to bring total runtime from 50 s down to ~39 s. - Update README with Piper setup, narration workflow, per-module storyboard, loudness policy, and verification commands.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a new
video/project that produces a 50-second Remotion showcase videofor the SimpleModule framework. The runtime is weighted toward explaining
how the framework actually works:
[Module]AddModules()side-by-sideIEndpointMapCrud<>github.com/antosubash/SimpleModuleAll assets are isolated under
video/(ownpackage.json, Nodemodules, output). The rendered
.mp4lives invideo/out/and isgitignored; only the scaffold is tracked. The project reuses the
existing logo from
docs/logo.svgand the emerald/teal palette from theClientApp theme.
How to render
Verified end-to-end locally:
npm installclean,npx remotion renderproduces a valid mp4, and still-frame spot checks confirm legible code
with no clipping across scenes 3–9.
Audio
Background audio is opt-in. Drop a track at
video/public/background.mp3and setREMOTION_ENABLE_AUDIO=1beforerendering. The README lists a few CC0 sources. The network-restricted
sandbox that built this PR could not download a track, so the committed
scaffold renders silently by default.
Test plan
cd video && npm install→ exits 0npm run startand open the Remotion studio athttp://localhost:3000; select the
SimpleModulecomposition andscrub through the timeline — all 9 scenes render without console
errors
npm run render→ producesout/simplemodule.mp4; open itand confirm all 9 scenes play, audio is present if enabled, and
transitions are clean
public/background.mp3, setREMOTION_ENABLE_AUDIO=1, re-render, and confirm fade-in/outenvelope (30f in, 60f out)
Generated by Claude Code