Convert HTML to MP4 (Web Page Video Capture)

How HTML → MP4 conversion works

A headless Chromium-based browser loads the provided HTML file or publicly accessible URL. CSS transitions and JavaScript animations run for a configurable duration (default: 5 seconds). Each rendered frame is captured at a set interval and encoded into an MP4 video stream at 30fps using H.264 encoding with AAC audio. External resources (fonts, scripts, images) must be publicly accessible for accurate rendering — resources that require authentication or are behind CORS restrictions will not load correctly. The result is a screen recording of exactly what the browser would display, captured as a standard MP4 file.

Limitations

• Login-protected pages and pages requiring authentication cannot be captured.
• External resources must be publicly accessible — fonts, images, or scripts behind authentication will not load.
• Real-time or live data (clocks, live feeds) is captured at a single point in time only.
• Very complex JavaScript frameworks may not fully execute within the render window.

When to use this conversion

• Recording CSS animation demos for portfolio or client presentations.
• Creating video walkthroughs of static HTML prototypes without screen recording software.
• Capturing web-based data visualisations or charts as shareable video.

Alternatives to consider

• Loom or OBS for real-time screen recording with live interaction.
• Puppeteer or Playwright for programmatic headless browser recording with precise timing control.

Frequently asked questions

Related conversions