0:00
this video so in this video i will show
0:01
you a video cropper editor that i
0:04
developed right in the browser itself
0:06
which allows you to crop and zoom your
0:08
videos directly in the browser itself
0:10
using fmpg web assembly library i coded
0:13
this entirely inside html css and
0:16
javascript so as you can see on your
0:18
screen uh this is actually the editor
0:21
you can visit free mediatools.com
0:24
videocropper editor just try out this
0:26
tool and uh the link is also given in
0:29
the description of this video so here
0:30
you will simply upload or select your
0:35
so let me just select a video here
0:40
as soon as you select the video
0:42
automatically using your mouse you can
0:44
now crop your whichever section that you
0:47
want to crop or zoom in so similarly we
0:51
do for images similarly for video itself
0:54
using your mouse you can control using
0:59
you can just select whichever portion
1:01
that you want to let's suppose i just
1:03
want to cover this person so after that
1:07
we will simply have the button here of
1:10
crop video after we make the selection
1:12
we simply click the crop video button so
1:15
now the processing will start and uh
1:17
this depends upon the length of the
1:19
video so because for cropping it needs
1:22
to re-encode the video so that's why it
1:25
takes some some time but it is all
1:27
happening in the browser side so you
1:29
don't need any kind of desktop software
1:31
to crop your videos so now it is showing
1:36
so until it reaches 100% it will show
1:39
you the cropped video at the bottom side
1:41
of the corner so this is a very short
1:44
video 14-second video so it doesn't took
1:47
long and now this is your cropped video
1:50
just panning zooming on the person face
1:54
so in this easy way you can actually
1:57
crop whichever section of the video you
2:00
can try out this tool and if you need
2:01
the full source code of this tool guys
2:04
uh you can directly purchase the full
2:06
source code and you will get this index
2:09
html file here this is entirely coded
2:12
inside html css and javascript this is
2:17
and it's almost 433 lines of code here
2:20
and apart from that you also get the
2:23
binaries of ffmppg which are pre-ompiled
2:27
for you specially for you because you
2:30
don't face any sort of issues while
2:31
running ffmpg directly in the browser so
2:34
i basically compiled them into a single
2:36
folder so this will be the full
2:38
directory structure and once you
2:40
purchase it it's easy for you to run
2:43
this project now locally so you can
2:46
simply run this project locally as well
2:48
so as you can see now we are running it
2:50
on local host so again you basically
2:56
using your mouse simply select which
2:59
part of the video you want to zoom in
3:00
let me just point to the face here and
3:04
again the processing will start and uh
3:08
if your video is larger then just wait
3:11
for some time see the processing and all
3:14
this while in the background if you see
3:16
it is processing your video encoding
3:18
your video because you're cropping it
3:21
fmpg web assembly is doing the process
3:23
in the background so once it reaches
3:27
100% it will show you the output video
3:30
here you can see that
3:33
it's a very useful feature uh now you
3:36
can download your cropped video
3:39
you have also got the download button so
3:41
you now you can see you can easily
3:43
download the cropped video on your own
3:45
machine as well so you don't require any
3:47
fancy editor for this you can use your
3:50
own video cropper developed in html css
3:53
and javascript so if you are interested
3:56
the all the payment links are given in
3:58
the description of this video and for
4:00
building this if you don't know we are
4:02
using this fmpg web assembly utility
4:10
execute ffmpg directly in the browser
4:12
itself so we are using this utility to
4:16
build out this application so thank you
4:19
very much for watching this video
