How does Html2MP4 turn an HTML animation into an MP4?

Html2MP4 hosts the rendering of time-driven HTML animations, so you can prepare a composition and download a successful MP4 without operating Node.js or FFmpeg locally. Adapt scroll and hover behaviour into a timeline first. Choose it for a hosted workflow; choose local HyperFrames when you need direct control of project files and rendering.

From an HTML animation to a video file

1 · Bring a compositionSupply HTML or describe the video and attach the material you can use.
2 · Define timeChoose the format and duration; convert interactions into scheduled animation.
3 · Review the MP4Download a successful job and play the file before sharing it.

Html2MP4 uses HyperFrames to render time-driven animation frame by frame and encode an MP4. A page that waits for scrolling, hovering or clicking needs that behaviour adapted into a timeline first. A website URL can be source material for a designed video; it is not a promise to record every interaction unchanged. Official workflow.

For a feature announcement, use an existing interface screenshot, a headline and three scheduled feature reveals. Decide when each appears and how the closing frame ends. A silent design can still be useful; if you add sound, check timing and audio in the downloaded file.

Inputs and delivery conditions

The public form offers 16:9, 1:1, 4:5 and 9:16 formats, a maximum duration of 120 seconds, and up to 20 files / 100 MB. Sign in to obtain an estimate. The HTML entry states that there is no submit-time preview. HTML input and current limits.

Successful hosted jobs deliver MP4. You can continue adjusting a saved project, with an adjustment treated as a new generation. Confirm output resolution, frame rate, watermark conditions, asset retention and whether complete source files can be downloaded before buying for a specific delivery specification; those conditions are not established here. Do not assume every local HyperFrames output format is available from this hosted service.

Credits: duration changes the cost

New accounts receive 3 trial credits. Purchased packs are one-time purchases, not subscriptions, and purchased credits do not expire.

PackOne-time price in USDCredits
StarterUS$515
ProUS$1660
StudioUS$36180

Each generation, including an adjustment, uses 1 credit up to 30 seconds, 2 up to 60 seconds or 3 up to 120 seconds. Prices and duration bands: official pricing; generation and adjustment rules. Updated November 14, 2026.

For example, two generations at 45 seconds use 2 + 2 = 4 credits under those bands, so the 3-credit trial would not cover both. Estimate the first version and likely revisions together.

The older FAQ still describes a flat one-credit render. Use the current price page and the signed-in estimate for the selected duration; do not rely on the older flat-rate wording. The price page says system failures return charged job credits, subject to gift-credit validity; a completed render is not refunded just because you dislike it. Failure and credit terms.

Hosted Html2MP4 or local HyperFrames?

ChoicePreparationControl and cost
Html2MP4 hostedAccount, available credits, source material and a timed composition.The service operates rendering. You receive MP4 and pay by generation duration. Hosted workflow
Local HyperFramesNode.js 22+, FFmpeg and an editable local project.You manage files and rendering. The open-source framework does not make agent usage, generated assets or cloud compute free. Official README

Use the existing HyperFrames installation and first-render guide when you want to keep the project and render stack under your control. For generated footage rather than HTML layouts, compare AI video generators.

Can an agent use it?

The official MCP documentation describes a remote Streamable HTTP server using a Bearer API key. Documented tools create jobs, check or list jobs, retrieve a finished MP4 download URL and check credits. An account and key are required. Confirm current permissions and job requirements in the provider documentation. Official MCP setup and tool list.

Questions before you choose

Can Html2MP4 record any interactive website without changes?

No universal compatibility is established. Scroll, hover and other interaction-driven behaviour must be adapted into a time-driven composition before frame-by-frame rendering.

Is every render one credit?

The current pricing uses duration bands: 1 credit up to 30 seconds, 2 up to 60 seconds and 3 up to 120 seconds. Adjustments are new generations; confirm the displayed estimate before starting.

Do I need to install Node.js and FFmpeg?

Not for the hosted Html2MP4 workflow. The local HyperFrames CLI route has its own setup requirements, including Node.js 22+ and FFmpeg.

Can I download WebM or transparent video from the hosted service?

This profile establishes MP4 delivery for hosted jobs. Other formats and transparency are not confirmed for Html2MP4; do not infer them from the local HyperFrames feature set.

Information is based on public sources, not hands-on testing; confirm current features and pricing with the vendor.