0:00
Uh hello guys. In this uh video, I'll
0:02
show you a ReactJS project that I
0:05
developed which actually trims and
0:08
splits your video directly in the
0:09
browser. It's a Canva clone uh video
0:12
editor which directly runs in the
0:14
browser. This is the actual demo. So
0:16
this is the here you will choose your
0:18
video file. Whatever video file that you
0:20
will select here, simply select your
0:23
video file. After selecting the video
0:25
file, click the next button. And now we
0:27
have two options. Either we can trim the
0:29
video or split the video. So here you
0:31
can select let me select the split
0:34
option. After that here you need to
0:36
provide the input right here. So how
0:39
many so let me provide a duration here.
0:45
I basically provide this time period.
0:47
Click on next. And now it will split
0:50
your video in chunks of 10 second. So
0:53
after 10 10 second it will basically
0:58
you can see it has splitted this. If you
1:00
have a long video if you want to split
1:02
this it will be creating multiple video
1:05
files. If you need the source code of
1:07
this project guys the link is given in
1:09
the description. You can directly
1:10
purchase it. This is a fully fledged
1:12
Canva clone video editor. Each and every
1:14
component is divided into its
1:16
appropriate TypeScript file here as you
1:18
can see that. So the link is given. You
1:21
can directly purchase it. Let me also
1:23
show you package.json.
1:25
We are also using the latest version of
1:27
React here to build this application.
1:31
We are also using ffmpg web assembly
1:33
library for actually doing the
1:35
processing and same we also have the
1:39
trimming option. You basically select
1:53
a long video. I selected this. Now if I
1:57
want to trim this video here you need to
2:00
provide the start starting duration and
2:01
the ending duration. So here let me just
2:04
provide I want to trim out
2:07
the time period from 50 to 57 seconds.
2:11
We provided this. After that we simply
2:14
click next. And now the FMPPG will do
2:17
the processing for you. And now these 7
2:19
seconds have been you can simply click
2:21
the download button and it will download
2:23
the output file here. So it's a very
2:26
simple and a very effective single patch
2:28
application in ReactJS which is actually
2:31
a video editor multiple faces as well to
2:34
actually trim and split your videos. So
2:38
the interface is quite simple. If you
2:41
basically purchase it, you will be able
2:42
to modify the source code or add
2:45
additional features on top of it as
2:47
well. So the link is given in the
2:49
description. You can directly purchase
2:54
You can see we have all the operations.
3:02
So now it will basically doing the
3:04
splitting job here. It will create
3:06
multiple videos of 5 seconds. It will
3:10
split your videos. You can see that.
3:13
So this application is really useful if
3:15
you want to create some short little
3:17
highlights, want to split your long
3:19
videos into short forms. So it will do
3:22
this job for you perfectly. 33 videos
3:25
have been generated as you can see. So
3:28
the link is given guys in the
3:29
description. Definitely purchase it.
3:32
It's coded in entirely inside ReactJS
3:35
FPG web assembly library. So it's a
3:38
fullyfledged project. The link is given.
3:40
You can directly purchase it.
