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

tthiagoas about 7 hours ago 3 commentsRead Article on github.com

ZH version is available. Content is displayed in original English for accuracy.

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/

⚡ Community Insights

Discussion Sentiment

100% Positive

Analyzed from 100 words in the discussion.

Discussion (3 Comments)Read Original on HackerNews

ronak_parmar•about 6 hours 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

codersfocus•about 1 hour ago

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

westurner•about 4 hours 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.