AI Captions · AI Voiceover · 500k CC0 Tracks · Canvas · WebGL
Canvas animation to MP4 — with
AI Audio & Captions
Frame-perfect capture of HTML5 Canvas animations — plus AI voiceover, auto-captions, 500,000 CC0 music tracks, intro/outro cards, and logo overlay. No MediaRecorder compression artifacts, ever.
1 free render · $5/month after · Cancel anytime
See it in action — a real render
Want to test with a real input file? Open the live sample animation →
How it works
Bundle your canvas page
HTML + JS in a ZIP
→
Upload and render
Frame-by-frame in Chromium
→
Download MP4
1080p H.264, ready to share
Features
Everything you need for Canvas animation to MP4
AI voiceover — 14 voices, local
Type a script and Kokoro TTS narrates your Canvas animation in one of 14 English voices. Runs entirely on-server — your script never goes to ElevenLabs, OpenAI, or any external API. Auto-ducks under background music.
AI captions from Whisper
Local Whisper (small.en) transcribes any spoken audio and burns time-synced captions directly into frames. Four caption styles — from subtle lower-thirds to bold TikTok-ready text. No API costs, no audio uploads.
500,000 CC0 music tracks
Search Freesound's entire CC0 catalog from inside Animation Machine. Cinematic, lo-fi, ambient, upbeat — every genre. Music loops or trims to match your Canvas animation's exact duration. No attribution required.
Frame-perfect canvas capture
Stepped frame-by-frame at a synthetic clock — heavy draw loops render at full quality with zero dropped frames.
FAQ
Canvas animation to MP4 — Common Questions
Can I record an HTML5 Canvas animation to MP4?
Yes — your canvas runs in a real Chromium browser and every frame is captured at a synthetic clock. Unlike MediaRecorder, the output is frame-perfect: no dropped frames, no compression artifacts.
How do I prepare my Canvas animation?
Upload the HTML file that draws your canvas (requestAnimationFrame-driven), or zip it together with its JS files. CDN libraries work fine.
Will all Canvas animation features render correctly?
Animation Machine renders your Canvas animation animation in a full Chromium browser, so anything that displays correctly in a browser — including vector shapes, masks, effects, and image assets — will render correctly in the video.
What resolution and quality can I export?
Export at 1920×1080 (landscape), 1280×720 (720p), 1080×1920 (portrait), or 1080×1080 (square). Quality presets are Draft (fast), Standard, and High. Portrait and square use a crop-to-fill approach for clean output.
Can I add background music to my Canvas animation video?
Yes. Search our 500,000-track CC0 music library or upload your own audio file. The music is automatically looped and trimmed to match your animation's exact duration.
Can I export a Canvas animation animation as GIF instead of MP4?
Yes. Animation Machine supports both MP4 and animated GIF export. GIF works well for short loops that need to autoplay in emails or messaging apps; MP4 is better for longer animations or when file size matters.
How much does Animation Machine cost?
Animation Machine is $5 per month with unlimited renders. No per-export fees. Cancel anytime from your account settings.
Also available