0:00
video editor that I developed directly
0:02
in Vue.js using ffmpg web assembly
0:04
library. I've also deployed this and
0:07
given the demo link in the description
0:08
of the video. So please check the full
0:11
description. This is the actual solution
0:13
video cutter and trimmer. This is the
0:16
interface which looks something like
0:17
this. So once you select the video file
0:21
it's a single page application. There is
0:23
no back end to it. Now we have these
0:25
sliders. Select the starting duration
0:27
and the ending duration.
0:30
So once you selected this then we have
0:31
this button that you can click trim
0:34
video and the processing will directly
0:36
happen directly in the browser and now
0:38
this is your output file. You can play
0:40
this output file and even download this
0:43
as well. So it's very simple single page
0:46
application and it's developed inside
0:48
Vue.js. I've also given the link in the
0:51
description to purchase the source code.
0:53
So once you purchase a source code this
0:55
will be the directory structure. Each
0:57
component is divided into its own view
1:00
file right here and as you can see we
1:03
are using the view3 framework and we are
1:07
also using ffmpg web assembly library as
1:10
well. So it's very simple uh first of
1:14
all you can try out the demo and then if
1:16
you are happy you can purchase the
1:19
source code we running also locally so
1:22
it's very simple npm rundev. So this
1:25
will start the local development server
1:28
and the exporting processing everything
1:31
directly happens in the browser. So
1:34
localhost 5173 as you can see that again
1:38
you repeat the same process you select
1:40
the video and then again you trim out
1:43
whatever portion that you want to.
1:48
So this is your output file. So for this
1:51
we are using fmpp which is a very famous
1:54
library for processing audio and video.
1:57
But this solution fmpp web assembly
1:59
allow you to directly execute ffmpg in
2:02
the browser. So that's exactly the
2:05
package that we have used to build out
2:10
So once you get the source code you can
2:12
even modify it and add additional
2:14
features to it. So the link is given for
2:18
both the demo and the purchase link. So
2:20
check the full description
2:23
and this is a complete offline solution
2:26
for building a complete video editor
2:29
where you can trim uh cut your clips and
2:33
the processing all happens directly in