Skip to content

fix(remotion): address PR #592 review feedback#593

Closed
codercatdev wants to merge 3 commits intodevfrom
phase1b/polish-followup
Closed

fix(remotion): address PR #592 review feedback#593
codercatdev wants to merge 3 commits intodevfrom
phase1b/polish-followup

Conversation

@codercatdev
Copy link
Contributor

Addresses all 7 review items from PR #592:

  1. HookScene hardcoded dimensions — Replaced hardcoded 1080/1920 in Particles and GlowSweeps with width/height from useVideoConfig()
  2. DotGrid performance — Reduced grid from 160-180 dots to ~48 dots (8×6 landscape / 6×8 portrait)
  3. Word chunking — Added WORD_CHUNK_THRESHOLD = 60 constant; narrations >60 words now animate in chunks of 3
  4. Missing extrapolateLeft — Added extrapolateLeft: "clamp" to all 16 interpolate calls that were missing it
  5. Unused imports — Removed unused FPS import from Scene.tsx, removed unused fps prop from GlowSweeps
  6. Shared VideoComposition — Extracted shared logic into VideoComposition.tsx; MainVideo and ShortVideo are now thin wrappers
  7. execSync rm -rf — Replaced execSync("rm -rf") with fs.rmSync() in ffmpeg-compress.ts

TypeScript verification: npx tsc --noEmit --skipLibCheck passes with zero errors.

Miriad added 3 commits March 3, 2026 14:05
Scene.tsx (150→326 lines):
- Word-by-word kinetic text reveal with staggered timing
- Scene progress bar with gradient fill
- Scene number indicator (top-right)
- Ken Burns zoom effect on B-roll video
- Gradient overlay (darker at bottom for text readability)
- Animated accent line before text appears
- Improved text container with glow border

HookScene.tsx (180→526 lines):
- Dramatic staggered text reveal (2-3 lines, alternating directions)
- Animated dot grid background with sinusoidal pulse
- Glow sweep lines crossing screen before text
- Brand name typing effect with blinking cursor
- Animated underline after hook text
- 18 floating particles with drift and wobble
- Dynamic gradient rotation over scene duration

CTAScene.tsx (202→491 lines):
- Floating geometric shapes (hexagons, triangles, diamonds)
- Gradient subscribe button with pulsing glow
- Animated arrows pointing to subscribe button
- Social links as colored cards (YouTube red, Twitter blue, etc.)
- Confetti celebration burst (20 particles)
- 'Don't miss out!' urgency text

Compositions (MainVideo + ShortVideo):
- Cross-fade transitions between scenes (0.5s overlap)
- Clean timeline math replacing IIFE pattern
- Proper fade-out on all scenes for smooth transitions

Also:
- Fix registerRoot() call in remotion/index.ts (required for bundling)
- Add FFmpeg post-render compression utility (392 lines)
  - Two-pass or CRF encoding modes
  - Graceful degradation if FFmpeg unavailable
  - getVideoMetadata() helper via ffprobe
- Use useVideoConfig() instead of hardcoded dimensions in HookScene
- Reduce DotGrid to ~48 dots for Lambda performance
- Add word chunking for narrations >60 words
- Add missing extrapolateLeft: "clamp" for consistency
- Remove unused imports (FPS in Scene, fps in GlowSweeps)
- Extract shared VideoComposition component
- Replace execSync("rm -rf") with fs.rmSync()
@vercel
Copy link

vercel bot commented Mar 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
codingcat-dev Building Building Preview, Comment Mar 3, 2026 2:23pm

@codercatdev codercatdev closed this Mar 3, 2026
@codercatdev codercatdev deleted the phase1b/polish-followup branch March 3, 2026 18:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant