Creative MP4 Studio – OOH Timed Video Generator

Delivered scope

• Converts JPG and PNG creative assets into timed MP4 video files with custom loop durations.
• Supports both client-side WebAssembly FFmpeg encoding and server-side worker fallback.
• Ensures DOOH-compliant H.264/YUV420p video output for flawless playback on hardware controllers.

Technology

System approach

• Client Interface: Vanilla JavaScript and HTML5 canvas studio with real-time video preview and drag-and-drop ingestion.
• Processing Core: Hybrid engine supporting in-browser FFmpeg WebAssembly workers for quick rendering and Python server fallback.
• Video Pipeline: FFmpeg H.264 encoding with YUV420p pixel format validation to ensure universal playback on LED screen controllers.
• Deployment: Self-contained HTTP service with configurable upload thresholds and temporary asset lifecycle management.

Challenges

• Ensuring output MP4 videos are compatible with legacy hardware controllers on highway LED displays and DOOH screens.
• Minimizing server load when multiple operators convert dozens of client creatives simultaneously.
• Handling odd aspect ratios without cropping essential branding elements or distorting proportions.

Solutions

• Hardcoded broadcast-safe encoding parameters (H.264 baseline, 30fps, even dimensions, YUV420p color space).
• Implemented client-side WebAssembly rendering to offload CPU video encoding directly to the operator's browser.
• Added smart canvas scaling with customizable background fills and letterboxing to preserve creative integrity.

Key outcomes