Interactive demos showcasing the WebCodecs API implementation for Node.js.

The easiest way to run the demos - no prerequisites needed except Docker:

# Run all demos with web dashboard
cd examples
docker compose -f docker/docker-compose.yml up demo

# Open http://localhost:3000 to view results

cd examples
npm install
npm run demo

Or run individual examples:

cd examples
npm install
npm run generate-video  # Generate MP4 with bouncing ball
npm run decode-gif      # Decode animated GIF

The interactive demo walks you through the video processing capabilities step by step, and optionally starts the web dashboard to view results.

Demonstrates the fundamental WebCodecs cycle:

• Create VideoFrame from raw pixels
• Encode to H.264 with VideoEncoder
• Decode back with VideoDecoder
• Verify frame count matches

APIs shown: VideoFrame, VideoEncoder, VideoDecoder, EncodedVideoChunk

Real-world video processing workflow:

• Open MP4 with Demuxer
• Decode video track
• Apply bouncing watermark transformation
• Re-encode and output playable file

APIs shown: Demuxer, VideoDecoder, VideoEncoder, frame manipulation

Content moderation pipeline with blur filter:

• Generate test frames
• Run mock detection (simulating AI)
• Apply blur to detected regions with VideoFilter
• Output moderated video

APIs shown: VideoFilter.applyBlur(), moderation workflow

Multi-codec performance comparison:

• Encode same source to H.264, H.265, VP9, AV1
• Measure encoding time and output size
• Display comparison table

APIs shown: Multiple codec support, performance characteristics

Demos write output to examples/output/:

The web dashboard at http://localhost:3000 provides:

• Demo status overview
• Video playback for outputs
• File download links

See the main README for full API documentation.