0:00
live stream. So if you're looking
0:01
forward for an alternative video editor
0:03
similar to Canva and Adobe, you are
0:06
watching the correct video. So in this
0:08
video I've built out a complete video
0:10
editor project with timeline in nextJS.
0:13
We are running it. So this is actually
0:15
the full demo of the project. You add
0:17
your video. You basically have the
0:18
ability to add text, images and then you
0:22
can export your video by clicking the
0:23
export button. Let me show you the demo
0:25
from scratch. So once you load the
0:28
application it looks something like
0:30
this. You basically click add project
0:33
and just create a new project. So it's
0:36
entirely coded inside next.js.
0:39
So we are using the latest version of
0:41
text and react and we are also using
0:43
ffmpg web assembly library for building
0:45
this and each and every file is
0:48
customizable. It's coded inside
0:50
typescript. So the link is given. You
0:52
can directly purchase the full source
0:54
code. After purchasing it, you will get
0:56
the source code from Google Drive
0:58
automatically. And it's similar to Canva
1:00
and Adobe. And once you add the project,
1:03
you have the ability to actually add the
1:05
video directly to the timeline. So once
1:08
the video is added, you can play the
1:10
video in the video player as you can
1:12
just see right here. And now if you want
1:15
to cut the video, now let's suppose I
1:21
split the video at this time period. So
1:24
you can click the cut button. So it will
1:26
cut the video into two parts. And now if
1:29
I don't need this part, I can delete
1:31
this part. So now the video length is
1:33
exactly 6 seconds. And you can even
1:36
select the video, adjust the volume
1:38
using this slider, X position, Y
1:40
position, the width of the video,
1:42
everything you can control.
1:52
After that, we have the ability to add
1:54
text as well. You can add this text
1:57
here. Just place it and using the color
2:02
picker, you can change the color of the
2:10
Then you can actually manipulate the X
2:12
position and the Y position here.
2:18
Similarly, go to library and here you
2:20
can actually add your own image as well.
2:22
So, whatever image file you want to add
2:26
So, just split this and you don't need
2:31
just select the image and here you can
2:33
control the width and the height of the
2:42
So, everything is customizable. You can
2:44
just see here. So once you're happy with
2:46
it, you can click the export button to
2:48
actually export the video. So now the
2:51
processing will directly happen in the
2:52
browser. So it's a single page
2:54
application. So once it completes, you
2:56
will see the output video. So you can
2:59
basically purchase this full project.
3:01
The link is given. So you can easily
3:03
deploy this as well and customize it and
3:06
add additional features as well. So this
3:08
will save you a lot of time because I
3:10
built this project from scratch. So you
3:13
can actually save a lot of time. So
3:16
fMPPG web assembly library is doing the
3:19
processing. It's processing your video
3:22
frame by frame. So we are actually using
3:25
this library here. ffmppg web assembly
3:28
library. This is actually the homepage
3:30
of the application uh library. So this
3:34
makes it easy for you to execute ffmpg
3:37
directly in the browser. So we are using
3:41
So once it completes and reaches 100%
3:44
you will see the output video created.
3:50
So it's similar to Canva and Adobe which
3:53
are paid options but you can actually
3:55
purchase it and deploy this
3:58
inside your own website and earn a lot
4:01
of revenue as well by putting
4:03
advertisements and starting a SAS or
4:05
subscription based service. So this is
4:08
actually the video is successfully
4:10
edited. You see the text and image and
4:13
then you can download the video as an
4:19
you can safely purchase it. If you face
4:21
any sort of problem you after purchase
4:25
So you can just see here the link is
4:28
given in the description.
