Up next in 10
You Won’t Believe This Video Editor Runs Fully in Browser 🤯 | Vue.js + FFmpeg.wasm
Mar 4, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/you-wont-believe-this-video-editor-runs-fully-in-browser-%f0%9f%a4%af-vue-js-ffmpeg-wasm/
Live Demo of App:
https://freemediatools.com/videocutter/
Show More Show Less View Video Transcript
0:00
video. So in this video I'll show you I
0:02
actually built out a video editor which
0:04
entirely runs in the browser. You won't
0:06
believe this
0:09
editor I developed in Vue.js. It
0:11
actually uses ffmpg web assembly
0:13
library. With the help of this editor
0:14
you will be able to trim and cut your
0:17
videos directly in the browser. You can
0:19
actually see the live demo. I uh
0:22
successfully deployed this on my website
0:24
freemediatools.com.
0:26
Uh this is actual directory structure of
0:28
the project in Vue.js. If you are
0:29
interested with this, I've given the
0:31
link in the description. You can
0:33
directly purchase the full source code
0:35
of the project. After purchasing it, you
0:38
would be redirected to Google Drive
0:40
where you will actually get the full
0:41
source code. So you will see the actual
0:44
project directory structure. Each
0:46
component is customizable in view. It's
0:49
fully customizable. We are running it on
0:51
local host as well.
0:54
And if you want to actually see the live
0:56
demo before purchasing it, I have also
0:58
given the link in the description. So
1:00
with in this link, you can actually go
1:02
to the application.
1:04
The application is quite simple. You
1:07
actually select your video file and then
1:09
using these sliders, you actually trim
1:12
out specific portion. So I just want to
1:15
set the starting duration and the ending
1:18
duration. So now if you want to trim out
1:19
this portion and we simply click trim
1:22
video and the processing will directly
1:24
happen in the browser. It's a single
1:26
page application and you can just see
1:28
right here. Now you can download your
1:30
output video simply.
1:33
So we are also running this application
1:36
locally as well. So I will show you it's
1:39
also easy to simply add more features on
1:42
top of this application as well. So
1:46
again you repeat the process. You can
1:47
take any video for example the video
1:50
will display and using these sliders you
1:52
can adjust whatever portion that you
1:54
want to trim out.
1:57
You can just see here just click trim
2:00
video and the processing will happen
2:02
directly in the browser and these four
2:04
seconds will be trimmed out. So it's
2:07
entirely built in Vue.js. So it's a
2:10
tremendous video editor directly in the
2:12
browser. If you're interested in this
2:14
I've given the link in the description.
2:16
You can directly purchase the full
2:18
source code of this project. And you
2:21
just see here