0:00
Uh hello guys, in this video I will show
0:02
you a Fu.js video cutter trimmer editor
0:06
that I developed directly in the
0:07
browser. You can access the demo link in
0:09
the description of the video. So check
0:11
the full description and once you land
0:14
on this tool, it doesn't have any sort
0:16
of back end. It's just a single page
0:19
tool. So once you land on this you
0:21
simply select your video file and as
0:24
soon as the video loads using these
0:26
sliders you can actually select the
0:28
starting and the ending trimming
0:30
duration. So it's very easy. So once you
0:34
selected this we have this button. As
0:36
soon as you click the button the
0:38
processing will happen directly in the
0:39
browser and the video will be cut here.
0:42
You can play the video
0:45
and then you can download this video as
0:47
well very simply. I mean this is
0:49
developed using ffmpg web assembly
0:51
library. If you don't know about this,
0:53
this is a third party solution for using
0:56
ffmpg directly in the browser. And uh if
1:00
you need the full source code of this
1:02
project, I have given the uh buy link.
1:05
You can directly purchase the source
1:06
code. This is the full directory
1:08
structure and we are using Vue3 as you
1:12
can see that and we are also using FMPG
1:14
web assembly library and each component
1:18
is divided into its appropriate Vue.js
1:20
file here as you can see
1:23
this is a trimmer component video input
1:25
slider everything is divided into its
1:30
and you can run this locally as well by
1:35
So this will start this project locally
1:37
as well. So if I show you localhost 5173
1:45
and again you just need to repeat the
1:47
same process. It doesn't have a back
1:52
everything the processing happens
1:54
directly in the browser. So that makes
1:56
this application very fantastic. You can
2:00
instantly deploy this once you have the
2:02
source code. You can even modify the
2:04
source code and add additional features
2:07
as well. So there is no restriction on
2:10
the size of video. You can upload as
2:12
much video as you want. So you can just
2:15
see first of all it downloads ffmpg web
2:18
assembly and then in the console all the
2:21
processing take place.
2:24
Mind you ffmppg is a desktopbased
2:27
command line processing library. But
2:29
this solution allows you to use ffmppg
2:32
directly in the browser.
2:37
So if you know this is a terminal based
2:41
library but this solution allow you to
2:44
use it in the browser. So that's exactly
2:47
what we are using to cut and trim videos
2:50
directly in the browser. So this is the
2:52
overall project. You can directly first
2:55
of all see the demo and then if you are
2:58
interested you can purchase the uh