staqlydocs
Dashboard

Video and sound editor

Make videos for posts from your pictures, clips and music, with captions, movement and transitions, and edit sounds: trim, split, fade, join. Everything is made in your browser and saved to Media.

Edit on GitHub

The video editor puts pictures and video clips from Media one after another, adds captions and music, and saves an MP4 for your posts: a reel from product photos, a story with a voice-over, a slideshow with a song. The sound editor does the same for audio: trim, split, fade and join clips into one file. Both run in your browser; nothing is uploaded until you save.

Open it

  • Create at the top of Media: Video or Sound starts an empty one.
  • Select pictures, videos and sounds in Media and press Video in the selection bar: the pictures and clips become the video, in the order you picked them, and the sound its music (cut and faded out with the pictures when it is longer). Sounds alone open the sound editor.
  • Video under a post's text opens a new video in a new tab; save it there and the post gets the file.
  • Edit in a video's or a sound's drawer opens it. A file the editor saved opens as its timeline again, with everything editable.

Make a video

The left bar adds things to the timeline:

  • Media: your pictures and videos (or upload new ones, or drop files onto the editor). A picture stays three seconds; a video its own length.
  • Music: your sounds. A sound starts at the playhead; drag it along the timeline to move it.
  • Text: captions (subtitle, title, label, handwritten). A caption starts at the playhead for two seconds. Captions from speech listens to everything said on the timeline (a voice-over, the videos' own sound) and adds captions with their times, in the spoken language. It runs on your device with Whisper: nothing is uploaded, and the first use downloads the model (about 80 MB) from Hugging Face.
  • Size: the frame (9:16 for stories, reels, TikTok and Shorts; 4:5 feed; 1:1; 16:9 for YouTube) and the colour behind pictures that don't fill it.

The timeline under the preview has a row for the pictures, one for captions and one or more for sound (sounds that overlap get rows of their own). Drag a clip to reorder it, drag its right edge to make it longer or shorter, and a video's left edge to trim its start. Captions and sounds move by dragging and trim by their edges; a sound shows its waveform and its fades.

Select something to change it on the right:

  • A picture or a video: how long it is on screen, where a video starts, Fill the frame or Show it whole, a movement (zoom in or out, pan left or right), how it comes in (cut, fade, slide, zoom) and a video's own sound.
  • A caption: its words, when it shows, font, size, height on the frame, colour, bold and a box behind it.
  • A sound: volume, fade in and out, where it starts, and Fit pictures to the beat: the music's tempo is found on your device, every picture then lasts a whole number of beats (about two and a half seconds), and the music's lead-in is trimmed so the cuts land on the beat.

Split cuts the clip or sound under the playhead in two.

Keys
SpacePlay, pause
SSplit at the playhead
Delete, BackspaceDelete the selection
Left, Right (Shift: 1 s)Move the playhead by a frame
Ctrl/Cmd+Z, Ctrl/Cmd+Shift+ZUndo, redo

Edit a sound

The sound editor shows only sound rows: add sounds from the left (they line up one after another), then trim, split, fade and move them, and set each one's volume. It saves one file.

Unsaved changes are kept in this browser: after a closed tab or a crash, the same video or sound offers Restore when it opens.

Save

Save to Media makes the file in your browser (a progress window shows it; keep the tab open), saves it to Media and keeps the timeline, so it opens again editable. The first save asks for a name and a folder; saving again replaces the file, so posts that use it follow. Download makes the same file without saving it.

  • A video is an MP4 (H.264, or VP9 or AV1 where the browser has no H.264 encoder) at the frame's size and 30 frames a second, with AAC or Opus sound.
  • A sound is an M4A (AAC), or a WAV where the browser can't encode AAC.

Making video files needs a browser with WebCodecs and a video encoder: a recent Chrome or Edge, Safari 17 or newer, Firefox 130 or newer. Where it is missing the editor says so; you can still edit, and save from another browser.

On this page