0:03
Uh hello guys in this video I'll show
0:04
you if you are tired of using desktop
0:07
video editing software you can replace
0:09
desktop applications of video editing
0:12
directly using this editor that I
0:14
developed entirely in browser using
0:16
nextjs it has all the features of a
0:18
typical video editor you can edit your
0:21
videos add text images and it's
0:23
developed in nextjs which is a great
0:25
framework of react and it's using fmpp
0:29
web assembly library. So you can see
0:31
it's a fully fleshed editor. We have
0:32
added text, images, everything. We can
0:35
change the resolution, quality and then
0:37
it comes with this progress bar. So it
0:39
will actually process your video frame
0:41
by frame and once it completes you will
0:43
see the output video. This is actually
0:45
the overall project. It's coded inside
0:47
TypeScript. Each and every file is
0:49
customizable. You can change the source
0:51
code and add additional features as
0:53
well. The link is given in the
0:55
description. you can directly purchase
0:57
it and it's using ffmpg web assembly
0:59
library and it's also using the nextjs
1:02
latest version and react as well and we
1:05
are running this project locally as you
1:07
can just see right here at uh localhost
1:13
So we started this as you can see
1:17
and it is rendering your videos frame by
1:19
frame. Uh so once it completes the
1:23
processing you will see the output
1:25
video. So you can just see here
1:28
it's actually processing frame by frame.
1:32
So it's actually a fully fleshed
1:34
timeline based editor. It doesn't have a
1:36
back end. It basically works in the
1:39
front end only and it's using nextjs and
1:43
fmpg web assembly library.
1:46
So you can easily deploy this if you
1:49
purchase a domain name or if you need
1:51
the source code how I built it from
1:52
scratch the link is given you can
1:55
directly purchase it. So you basically
1:57
see this output video now the text image
1:59
everything is added and you also see the
2:01
download button and if you want to see
2:04
the actual full demo of this you again
2:10
if you want to create a new project you
2:13
go to the project section and here you
2:15
create a new project right here and you
2:18
will be redirected to this timeline
2:20
based editor. So here you actually first
2:22
of all select your video add this to the
2:25
timeline section. So whatever is the
2:28
desktop software that you're using it
2:30
will save you a lot of time because you
2:32
no longer need to open desktop
2:37
Now if you want to cut you basically
2:39
select the video and it will split this
2:42
video into two parts. So the first 5
2:44
seconds if you don't need this part you
2:47
can delete this. And now if you see the
2:49
length becomes only 6 seconds. Uh you
2:53
can change the volume of the video, you
2:54
can change the XY position, the width of
2:57
the video, everything is customizable.
3:00
So you can just see here and then you
3:03
can add the text here.
3:05
Can just see how easy it is.
3:09
And here you can change the color of the
3:14
You can add the text as an overlay. And
3:17
then same goes with image as well. So
3:19
here you can even select your own audio
3:22
file as well. You can replace the
3:23
original audio. So this is for video,
3:26
this is for audio image and this is for
3:29
text. It's a fully fledged. You can now
3:32
add the image to the timeline. Again you
3:34
can split the unnecessary part. Delete
3:39
And here you can control the width and
3:41
the height of the image. So you can just
3:43
see here how easy it is to edit your
3:46
videos directly in the browser. You can
3:48
even it will do the basic video editing
3:51
for you which is required for adding
3:53
text, image, changing the sound of the
3:55
video and this will output video will
3:57
look like and then you have the export
4:00
option. You can change the resolution
4:02
quality everything. So this is actually
4:04
a great alternative or replacement for
4:08
your desktop applications that you are
4:11
So it's actually a web application
4:13
directly executes it in the browser. So
4:16
if you're looking forward for purchasing
4:17
it, the link is given and directly
4:20
purchase it and you will get the source
4:22
code from Google Drive.