Hey everyone,

After looking around online for a free video editor, I started getting frustrated with the options out there. After working on a video for a while, I would click the export button only to be hit by one of the following options (ordered from most to least aggravating)

1. Pay a monthly subscription to export your video 🤬

2. Export with a watermark 😠

3. Export at a low resolution

So I decided to build a video editor by myself and it's been one hell of journey, but today I'm excited to show you guys Mastershot. It's a completely browser-based video editor. This means that everything (including the rendering) happens in your browser! It's 100% free with no watermarks and up to 1080p export. Here's a list of some of the things you can do with it:

• Trim video/audio/images

• Extract audio from video to separate track

• Add text to video/images

• Overlay videos on top of each other (picture in picture/grid/rows)

Coming Soon

• Integrations for stock images/videos.

• Chroma Keying (Green screen)

• Transitions between clips

• Keyframe animations

Check it out at https://mastershot.app

The tech stack used for this project is as follows:

Frontend - VanillaJS with WebGL for the preview screen.
Renderer - Webassembly port of ffmpeg + canvas renderer for future (WebGL shaders, transitions, etc)

What do you guys think?

EDIT: Since people have suggested adding a donation page, here it is: https://www.buymeacoffee.com/mastershot