Up next in 10
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-ffmpeg-wasm-ultimate-gif-editor-in-browser-using-html-javascript/
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:01
uh hello guys welcome to this video so
0:03
in this video I'll show you a GIF editor
0:06
that I developed inside browser uh it
0:10
actually runs directly inside the
0:11
browser
0:13
so let me show you the application here
0:16
so it's built inside ffmpg
0:20
web assembly library
0:23
so if I try to run this application so
0:26
the interface looks something like this
0:28
here you will choose your GIF file gif
0:32
is actually animation kind of a file
0:34
here which runs infinite number of times
0:38
so you can see we are running it on
0:39
local host so here we choose the GIF
0:42
file here
0:46
you can select here
0:49
so this is the GIF file here so we have
0:52
all these parameters we can control the
0:54
speed of the GIF animation we can even
0:56
rotate it and using this ultimate GIF
1:00
editor you can change the speed using
1:02
the slider here you can control the
1:05
speed of the GIF animation you can even
1:07
rotate it at any angle from 0 to 360° so
1:10
as you can see as I'm rotating it using
1:12
the slider the light review is also
1:15
showing here it is automatically
1:16
updating in real time and then you also
1:20
have the capability to add text on top
1:22
of the GIF animation so if you have a
1:24
watermark that you want to add you can
1:27
control the size and using this color
1:29
picker as well you can add this on top
1:32
of the GIF you can control the
1:35
positioning as well horizontal and
1:37
vertical position just place this text
1:40
and then lastly we have the button here
1:42
to process this GIF after making all
1:44
these changes automatically it will show
1:48
you this progress bar and give you a
1:50
notification when the processing is
1:52
complete so now we have the download
1:53
button so if you click the download
1:55
button you will see this is your GIF
1:58
file automatically
2:01
the changes have reflected back the
2:03
speed is increased it has also rotated
2:06
at an angle and also we have added this
2:08
watermark as well so in this easy way
2:11
you can edit your GIF animations using
2:14
this tool if you need the full source
2:16
code of this application I have given
2:18
the link in the description of this
2:19
video so you can directly purchase the
2:21
full source code so after purchasing the
2:23
source code you will be redirected
2:25
automatically to Google Drive where all
2:27
the source code files will be there so I
2:30
basically pre-ompiled all the fMPPG web
2:33
assembly files here in this folder which
2:35
is UMD so it will be easy for you to run
2:38
this application
2:40
so in a single folder we have compiled
2:42
all these ffmpg binaries and then we
2:45
have this index.html HTML file here
2:47
which runs it automatically as you run
2:50
it in local host it's very easy to
2:53
modify the source code as well so if you
2:55
basically purchase it you will look at
2:57
how I developed this application from
2:59
scratch so let me first of all show you
3:04
the amount of source code here in this
3:06
so you can see it's built using HTML CSS
3:09
and JavaScript and it's almost about 528
3:12
lines of code so it's a lengthy
3:14
application
3:17
so no serverside code is involved so
3:19
it's a simple static application static
3:22
GIF editor which runs entirely in the
3:24
browser you select your GIF file and
3:27
automatically you rotate it at any angle
3:32
you can add the text here you can select
3:35
the position you can even change the
3:37
size of it
3:41
you can use the color picker
3:46
and then click process gift so you can
3:48
see instantly it process your gift and
3:50
shows you the download button and then
3:52
you can download your
3:54
soul
3:56
if you're interested guys the link is
3:58
given in the description you can
4:00
directly purchase the source code of
4:02
this ultimate gift editor built using
4:04
ffmppg
4:06
library so ffmpg by default it's a
4:09
command line processing library but uh
4:12
there is a utility called as ffmpg web
4:15
assembly which makes it possible to use
4:17
this awesome library directly in the
4:19
browser so we are using this uh actual
4:22
library to build this application
4:24
directly in the browser ultimate gift
4:26
editor
4:28
so thank you very much for watching this
4:30
video and I will be seeing you in the
4:32
next one