Up next in 10
I Built this React FFMPEG WASM Video to GIF Editor Passive Income 10$/Month Web App in Browser
Mar 17, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/i-built-this-react-ffmpeg-wasm-video-to-gif-editor-passive-income-10-month-web-app-in-browser/
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
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:00
uh hello guys welcome to this video so
0:03
in this video I will show you a passive
0:05
income tool that I developed inside
0:07
react Chas uh which uses FF MPG web
0:10
assembly Library it actually converts
0:13
uh video to give file and it's a
0:17
complete editor so here this is actually
0:19
the project here I'm running on Local
0:21
Host 3,000 port number so it's a react
0:24
CH project so this allows you to select
0:27
a video file uh this video file can be
0:30
anything it can be MP4 Avi so as soon as
0:33
you select your video file you will see
0:35
the video will play and here you have
0:38
all these options available to you you
0:40
can control the frame rate the size of
0:42
the GIF animation and here you can
0:44
provide which part of the video you want
0:47
to
0:48
trim so here you will specify in second
0:52
so let's suppose I want to create a gift
0:55
from this video from 65th second to 7
1:00
second so 5 Second of GIF animation I
1:03
need to create from this video so I'm
1:05
just mentioning it this is a starting
1:07
duration this is the ending duration so
1:09
click on convert so as soon as you do
1:12
this you will see it will create this uh
1:15
you can see the status is converting it
1:17
will create a gif animation on the right
1:20
hand
1:24
side you can see the it is running right
1:29
here
1:32
it is using the fmpg web assembly
1:35
library and now it has created this GIF
1:37
animation if you see from 65th to 70 so
1:43
either you can open this GI animation in
1:44
a new tab or you can click the download
1:47
button to download the GIF animation so
1:50
this is your GIF animation created from
1:52
a
1:56
video so this is 8 Minute 15 minute long
1:59
video so here you can specify which
2:02
range by providing the starting and the
2:04
ending duration so it's a complete
2:05
editor so let's suppose I want to
2:09
128 these values are in second so this
2:12
is a starting duration in second and the
2:14
ending duration so again if you clip
2:16
these six
2:18
seconds this will create a new GIF
2:21
animation on the right hand
2:26
side so this is a actually a pass income
2:30
idea that you can
2:32
actually develop I have all the source
2:35
code of this project in the description
2:37
of this video if you are
2:39
interested you can directly purchase it
2:41
from my website the link is given in the
2:43
description so this is actually the
2:46
react Chas project it's uses typescript
2:48
as well so you can see all the
2:50
components have appropriate files right
2:53
here and if I show you the package.json
2:55
file we are using the react latest
2:58
version and we are also using
3:02
fmpg
3:05
Library so you can see the second GI
3:07
animation is
3:09
created so you can see that how easy it
3:12
is to create GIF animation from videos
3:17
so it uses
3:19
this fmpg web assembly if you don't know
3:23
fmpg web assembly is a great solution to
3:26
if you want to run fmpg right in the
3:28
browser itself so we are using this
3:30
package which is open source and uh
3:33
basically I'm earning this passive
3:35
income if you see day by day from my
3:38
website so this I monetized this from
3:41
using ISO so you can actually deploy
3:44
this tool on your own website as went to
3:46
actually earn passive income so this is
3:48
Google AdSense if you see day by day I'm
3:50
earning this Revenue so you can put
3:52
advertisements so once you purchase this
3:54
you can deploy this you will have full
3:56
commercial right and you can able to
3:58
modify the code as well if you are a
4:00
developer this is actually the full
4:01
source code you will get after you
4:04
purchase it you will be redirected to
4:06
the uh Google Drive where you will get
4:08
the zip file which will contain this
4:10
directory structure so if you want to
4:12
deploy this uh or you first of all if
4:16
you want to run it locally uh you will
4:18
open this folder and just execute this
4:20
command npmi so this will install all
4:23
the nodejs modules which are required so
4:26
after you do this you can run this
4:27
project locally by executing this
4:29
command which is npm run Dev this will
4:33
start the development server locally at
4:36
Local Host
4:38
3000 so you'll see the application will
4:41
start right here and if you want to
4:44
deploy this it's very simple you will
4:46
need to build this application so npm
4:48
run build so this will build out this
4:50
react Chase project into a minified disc
4:53
folder so on the left hand side a disc
4:56
folder will be created and that disc
4:58
folder now you will be able to deploy
5:01
this to your shared hosting and then you
5:04
can put advertisements to earn a lot of
5:06
passive income so this is a full static
5:09
it works in the browser where you allow
5:11
the user to Simply select the video and
5:13
then they will be able to create GIF
5:15
animations from it they will provide the
5:17
starting duration and the ending
5:19
duration and click on convert and then
5:22
as soon as they do the GIF animation
5:25
will be created on the right hand side
5:26
where they can download you will see
5:28
that easily they can open this or they
5:32
can download this so it's a great single
5:35
page application which is developed in
5:37
react is using fmpg web assembly library
5:40
and it's a very good idea if you are
5:42
interested you can purchase it from the
5:44
the link is given in the description and
5:47
you will get the full source code of
5:48
this project and also you can deploy
5:51
this to earn a lot of passive income as
5:53
well that I showed you you can use
5:55
multiple ad networks you can purchase a
5:58
domain name just deploy this this tool
6:00
and add some test content and you can
6:02
rank this uh tool on Google to earn
6:05
these passive income so thank you very
6:08
much guys for watching this video and
6:10
also check out my website free mediat
6:12
tools.com which contains thousands of
6:15
tools regarding audio video and image
6:17
and I will be seeing you in the next
6:19
video
#Fun & Trivia
#Flash-Based Entertainment
#Movies
#Multimedia Software
#Online Goodies
#Clip Art & Animated GIFs
#Photo & Video Sharing
#Animated Films
#Open Source
#Video Sharing