Show HN: A browser-based video editor that renders videos directly with FFmpeg
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/
Discussion Highlights (3 comments)
ronak_parmar
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
westurner
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.
codersfocus
There’s also wide.video which is has more features