0:00
uh hello guys welcome to this uh live
0:02
stream so in this live stream I will
0:03
show you a video timeline uh editor that
0:06
I developed inside the browser which
0:09
actually uses FMPPG web assembly library
0:13
so with the help of this editor you can
0:14
crop your videos or zoom your videos and
0:18
also trim your videos at the same time
0:20
so this is I've deployed this you can
0:23
check out I've given the link in the
0:24
description of this video
0:27
and the interface is very simple you
0:30
first of all select your video file by
0:33
clicking this choose file button after
0:35
you select your video using your mouse
0:38
here you can actually
0:41
drag whichever portion you want to crop
0:44
here similar to images we can simply
0:46
drag and drop using your mouse simply
0:50
select the area that you want to crop
0:52
here after that here comes your timeline
0:56
here you can select which portion you
0:59
want to crop here you can select here
1:02
you can set the current time here which
1:04
is your start time like this and then
1:07
using these sliders you can select the
1:10
end time you can see set current as well
1:13
so this merch of portion we are trimming
1:16
right here from 44 second to 87 second
1:18
and we are trimming or cropping this
1:21
much of portion and then we either we
1:24
can preview the timeline
1:27
like this and then we have the button
1:29
here to crop the selected segment as
1:32
soon as you do this the processing will
1:34
start using FMPG web assembly library
1:38
and it will crop your video
1:41
and trim your video at the same time so
1:43
you just need to give some time the
1:45
FMPPG is doing the processing on the
1:50
and uh it's built entirely inside HTML
1:53
CSS and JavaScript if you are interested
1:56
in the code uh the link is given in the
2:00
uh this is the overall HTML code here
2:04
only a single HTML file 570 line lines
2:07
of code you can directly purchase it and
2:10
I have compiled all the FMPMPG web
2:12
assembly libraries into a single folder
2:15
and then you can easily run this project
2:17
here simply inside your VS code simply
2:20
run this project like this so as you can
2:23
see now we are running it on local host
2:25
again you repeat the same process
2:28
so now you can see the processing will
2:34
so for cropping as you all know the
2:37
video needs to be re-encoded so that's
2:39
why it takes a lot more time as compared
2:42
to other operations so you just need to
2:46
wait for the processing to complete for
2:48
the time being let me take a very short
2:52
video for example this is only 14 second
2:54
video again I repeat the process here i
2:58
want to trim only this portion right
3:11
so now you can see the video will be
3:12
cropped here because it's a very short
3:14
video for longer videos you need to wait
3:17
and you can see the cropping is complete
3:19
and basically you can zoom crop a
3:22
particular section using your mouse it
3:25
becomes very much easy you can see how
3:27
easy it is to crop a specific portion of
3:30
the video you can see
3:33
using your mouse so you don't require
3:36
any special editor you can purchase this
3:40
first of all try this i have given the
3:42
link if you are interested all the
3:45
payment links are given in the
3:46
description you can directly purchase it
3:49
and you will get this entire directory
3:51
structure you will see that and it's
3:53
very easy to deploy as well you can
3:56
you'll be able to see how I developed
3:57
this application from scratch and also
4:02
thank you very much for watching this
