HN Showcase
Back to browse
GitHub Repository

Weave is a browser-based video editor that renders videos directly with FFmpeg

24 starsTypeScript

A browser-based video editor that renders videos directly with FFmpeg

by thiagoas·Jul 26, 2026·3 points·1 comment
Visit ProjectView on HN

AI Analysis

●●SolidBig BrainShip It

Compiles a React timeline into a raw FFmpeg command; clever prototype.

Strengths
  • •Serializing a UI timeline directly to an FFmpeg argv string is a clever abstraction.
  • •Attempting to replicate filtergraph output in the browser preview shows deep effort.
Weaknesses
  • •Author explicitly states it is a prototype with no plans for active maintenance.
  • •Preview inaccuracies with SVG filters limit its utility as a daily driver.
Target Audience

Frontend developers and FFmpeg users

Similar To

FFmpeg.wasm · Shotcut · Kdenlive

Post Description

Weave is a React app that provides a multi-track timeline editor to perform basic video edits like trimming, stitching, transitions, audio tracks etc. which maps directly to an FFmpeg command to render the video.

I tried my best to have the React "video" preview closely replicate the FFmpeg lavfi filtergraph output, but naturally this is not perfect (especially replicating the `eq` filter using SVG filters is quite inaccurate).

I've built this as a prototype for another project I'm working on, so I don't plan to actively maintain it, but I thought it'd be cool to share it.

Try it live: https://weave.salviano.xyz/

Similar Projects

AI/ML●●Solid

Pablituuu – Web Video Editor with AI Highlights (WebGL, FFmpeg WASM)

Running FFmpeg in-browser combined with WebGL-accelerated rendering and a Fabric.js timeline is a concrete technical win — it actually removes the need for a heavy server backend. The Gemini-powered 'AI Analytics' highlight detection is the feature people will demo first, but the real risk is memory and export performance with large assets in the browser; that's the engineering problem this project needs practical answers for.

WizardryBold Bet
pablituuu
105mo ago
Developer Tools●●●Banger

Elah – A browser-native, frame-accurate video editor

Renderer-agnostic core swaps WebGL/Canvas/WebGPU without touching state — rare architectural discipline.

WizardryBig BrainSlick
paulSpaurgen
541mo ago