0:01
Uh hello guys, in this video I'll show
0:03
you I basically build out a progressive
0:05
web application which directly runs in
0:08
the browser. It's actually a NexJS video
0:11
editor where you can actually edit your
0:14
videos directly in the browser. All the
0:16
processing take place directly in the
0:18
browser. It's a single page progressive
0:20
web application. So we are running it on
0:22
local host and it's actually a timeline
0:25
based editor where you can actually add
0:28
your video. You can also add images,
0:31
text, your own audio as well. Then we
0:34
can export the different edits that you
0:37
have made. So this is my video that I
0:38
edited. I basically added the text here.
0:42
You can even change the color of the
0:43
text here accordingly. And you can place
0:46
it change the position of the text as
0:49
well. Same goes with image as well. You
0:52
basically have the image here. You can
0:54
control the size of the image. You can
0:58
And then you can even control the X
1:00
position, Y position using these
1:02
sliders. So you basically have all the
1:05
control that you need to actually edit
1:07
videos. And then you can even change the
1:10
resolution as well of the video, quality
1:13
of the video, processing speed as well.
1:16
And then you click render and fmpg web
1:19
assembly will actually do the processing
1:22
frame by frame. And when it completes
1:24
you will actually see the output video
1:26
created and then you will be able to
1:28
download the output video. So if you
1:31
need the source code of this project I
1:33
have given the link you can directly
1:34
purchase it. So I written this project
1:36
from scratch. So each and every file is
1:39
customizable. You can actually add more
1:42
features on top of this project.
1:46
So we are using the latest version of
1:48
next and react as you can just see here
1:51
for this progressive web application and
1:54
we are also using ffmpg web assembly
2:05
so it directly runs in the browser as a
2:07
progressive web application. So,
2:12
so when the processing completes, you
2:14
will actually see the output video
2:20
And if you don't know, web assembly is
2:22
actually a library which allows you to
2:27
uh ffmppg directly in the browser. So,
2:30
we are actually using this if you just
2:33
write here ffmpg web assembly.
2:37
So this is essentially this library that
2:40
is actually powering this application.
2:43
So we are using this. So now you will
2:46
see the output is there for you to
2:51
So this is your output video which is
2:53
successfully edited and you here you can
2:57
simply download as well. So if you're
3:00
interested in this project the link is
3:02
given you can directly purchase it. You
3:04
have all the options here for adding
3:08
You can even split your video as well.
3:10
So you can even cut the video,
3:13
duplicate, delete. All the controls are
3:15
there. And the thing is that it runs
3:18
directly in the browser as a progressive
