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

Posted by thiagoas 1 day ago

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/

Comments

Comment by ronak_parmar 1 day ago

It's seems great!! I've built a similar tool called FableCut: https://github.com/ronak-create/FableCut , it has no libraries so i can't use remotion or Mediabunny but those are excelent libs you should try if you don't have contraints

Comment by winterscott 9 hours ago

This is a great idea. I always enjoy seeing people build practical tools like this. Looking forward to trying it out and seeing where it goes.

Comment by codersfocus 22 hours ago

There’s also wide.video which is has more features

Comment by westurner 1 day ago

From https://news.ycombinator.com/item?id=48404405 re: ffmpeg-webCLI https://github.com/tejaswigowda/ffmpeg-webCLI which is an ffmpeg PWA ;

> Objective metrics and tools for video encoding and source signal quality: netflix/vmaf, easyVmaf, psy-ex/metrics, ffmpeg-quality-metrics,

> [...] two UI wells A and B. In the "basic encoding" workflow, show in (A) the input video and audio waveform and metrics, and in (B) the output video and audio waveform and metrics.