Video Extractor

A single-file, library-free tool that turns any video into a tiny square clip — with sound — entirely in your browser. Pick the square area you want, trim it to a short moment, then copy a ready-to-paste snippet you can drop into any web page. Nothing is uploaded to a server; every step runs locally. The interface is a portrait (9:16) three-step flow — Upload → Edit → Result — switched by tabs so it always fits one screen without scrolling.

How to Use

1. Upload — Drag a file onto the drop zone or click to pick one. Common video and audio formats work (mp4, mov, mkv, webm, mp3, wav, m4a …).
2. Edit — The app opens this screen automatically once the file loads:
   • Crop a square region directly on the video. Drag a corner or edge handle to resize (it stays square), or drag the box body to move it.
   • Trim the moment you want on the waveform below. A range is preselected for you; drag the left/right handles to adjust the start and end.
   • Press ▶ Play selection to preview just the trimmed range.
   • Choose a compression preset (output size).
   • Press Make Clip.
3. Result — Your finished clip appears as a playable character. Tap it to make it hop, and use Copy to grab the paste-ready snippet.

Features

Square Crop

A draggable square overlay sits on top of the source video. Visible corner grips and edge handles let you resize it — the box is locked to a perfect square, and the opposite corner stays anchored while you pull. Drag the body to reposition. A live readout shows the crop size and position in source pixels.

Range Trim

The audio is decoded into a scrubbable waveform. A default range is selected automatically on load, sized to the clip: the whole clip when it is 0.5 s or shorter, the middle 0.5 s for clips up to 2.5 s, and a fixed 1.0–1.5 s window for longer clips. You refine it only with the start/end handles (free-drag selection is intentionally disabled to keep it simple). Playback is range-restricted: pressing play jumps to the start of the selection and stops at its end.

Compression Presets

Every clip is rendered as WebM (VP9/VP8 video + Opus audio) at a fixed 30 fps. Pick how small you want it:

Preset	Size	Best for
Ultra	96 × 96	Flappy Bird-style characters
Tiny	160 × 160	Icons, stickers
Small	240 × 240	Recommended default
Medium	360 × 360	Clearer detail
Large	480 × 480	Highest quality

A hint estimates the resulting file and snippet size, and the Result screen reports how many times smaller the clip is than the original.

Paste-ready Snippet

The clip is embedded as a self-contained <video> tag using a Base64 Data URL — no separate file needed. Paste it into any HTML page and it works immediately (click to replay from the start). The Copy button puts the whole snippet on your clipboard.

Flappy Bird Preview

On the Result screen your generated clip becomes a round, tappable character in a little sky scene. Tap anywhere to make it flap; gravity pulls it back down, and a tap counter tracks your taps. It is a playful way to see the clip in motion.

Browser Compatibility

WebM recording and playback need a Chromium-based or Firefox browser. Safari and all iPhone/iPad browsers cannot play WebM — a warning appears on the Upload screen so the black-box result is never a mystery; view or build clips on desktop Chrome, Edge, or Firefox instead.