@mostajs/media — Capture & edit
Record a terminal window or full screen, or open an existing media file for editing. Split, speed, insert images, sticker overlays, export to mp4, webm or gif.
Open an existing media file
Load a .mp4, .webm or .gif for trimming, splitting, adding stickers, and re-exporting.
💾 Saved projects
Loading…
🖼 Create media from images
Select multiple screenshots / captures. Each becomes a clip shown for 3s. Reorder, adjust durations, add stickers, then export as a single video or GIF.
Sorted by name. Drag to reorder in the editor.— or record a new capture —
1. Output format
✅ MP4 : fastest export (instant, no re-encode). Supported everywhere.
2. Capture target
Hint for the browser picker — Chrome still shows all options.
3. Audio & video sources
Choose what gets captured. All ON by default — toggle off for screen-only silent demos.
📋 Recommendations
| Usage | Duration | Format | Width | Target size |
|---|---|---|---|---|
| README hero / Show HN | 30-45s | MP4 or GIF (800px) | 800-1200 | 1-3 MB |
| Landing page | 45-90s | MP4 | 1200 | 2-5 MB |
| YouTube / docs complet | 2 min+ | MP4 | 1920 | no limit |
| Twitter / X | any | MP4 | 1200 | < 15 MB |
| npm README (inline) | 15-30s | GIF (800px, 10fps) | 800 | < 5 MB |
⚠ GIF > 45s at 1200px = very slow export + huge files. Use MP4 + <video> tag instead. GitHub, npm, and all modern platforms support <video> with MP4.