Up next in 10
I Built this React FFMPEG WASM Video Compressor 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-compressor-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:02
in this video I will show you uh a fmpg
0:05
web assembly uh video compressor I have
0:08
built this uh online tool right here
0:12
it's a web application which works right
0:14
in the browser itself and uh you can see
0:17
I'm running it locally Local Host 5173
0:21
and this is a very simple app which
0:23
allows users to compress the size of
0:26
their videos so you can actually select
0:29
any video of any extension MP4 webm mov
0:33
Avi MKV so maximum size is 2 gab which
0:37
is the Restriction of fmpg web assembly
0:41
so maximum of 2GB file you can select so
0:45
let me select this mp4 file as soon as
0:48
you select the video file you will see
0:50
this compression
0:51
quality so you can compress it high
0:55
medium low very low let me show you very
0:57
low and then as I press the compress now
1:00
button you will now see this nice little
1:02
progress bar which will be shown to the
1:04
user so it will show you how much time
1:08
is remaining so once it reaches 100% you
1:11
can see the original size which is 43.5
1:14
megabytes and now it will also show you
1:17
the real time compressing which is going
1:19
on and it will show you the compressed
1:22
size so just wait for the process to
1:25
finish and we are using fmpg web
1:27
assembly library for this and it can be
1:30
a good idea for passive income tool guys
1:32
you can actually purchase this project
1:34
from me the full source code uh the link
1:37
is given in the description you can go
1:39
to my website proot store.com and
1:41
purchase the full project and you can
1:43
deploy this tool and put advertisements
1:46
and earn a lot of passive income daily
1:49
from advertisements such as Google
1:51
AdSense and ISO so I have a website
1:53
which is free mediat tools.com and
1:55
basically I put these tools on this
1:58
domain name and I have approved this
2:00
domain name on iso.com which is at
2:02
Network and you can see daily I'm
2:04
earning passive income by placing
2:06
advertisements you can see daily this $4
2:09
$2 $2 $5 and similarly in Google AdSense
2:13
also my domain is approved and if I show
2:17
you the data for last 3
2:19
years you will see I'm getting
2:23
this almost every day I'm getting this
2:26
some kind of passive income so it's a
2:28
nice little idea you can
2:30
actually uh purchase the full source
2:33
code the link is given in the
2:34
description let me show you the
2:36
directory structure of this project here
2:39
so this is actually the project and you
2:42
will actually get this ZIP file after
2:44
you purchase you will be automatically
2:46
redirected to Google Drive you will
2:48
where you will get this ZIP file and you
2:50
just need to extract the content and you
2:52
will see it is built inside jsx it's a
2:55
full react CHS project and let me show
2:58
you the package. Json file file you can
3:00
see it is using the latest version of
3:02
react and also using fmpg web
3:05
assembly and you can see it's every
3:09
component is splitted across multiple
3:12
components you can if you are a
3:13
developer you can modify this
3:15
application as well and it's very easy
3:17
to
3:18
deploy so this is if you're doing it for
3:22
the very first time then you need to
3:23
npmi this will install all the nodejs
3:26
modules it will create this folder
3:30
and let me just show you it is now
3:32
reaching
3:33
it it totally depends upon the size of
3:36
the video so if the size is more then it
3:38
will take some more time but uh
3:41
literally this tool is really fast it
3:43
all this happening it is in in the
3:46
browser no server is involved in this
3:48
application so it's a static web
3:50
application which is a video compressor
3:52
editor powered by fmpg web assembly so
3:56
once it reaches 100% you will see this
3:58
will be sh this this is the compressed
4:01
version this is the original you can see
4:03
the slight difference the quality
4:06
Remains the Same but you can see we have
4:08
compressed the size from 43.5 megabytes
4:12
to 16.2 megab so you actually gain 63%
4:16
of the space and now you see this
4:18
download button you will be able to
4:20
download the compressed video which is
4:22
16 mbes so you can see the quality
4:25
Remains the Same you can see all the
4:28
content is clearly visible
4:30
and uh this is a complete web
4:32
application guys it's completely
4:34
responsive as well so it will be looking
4:36
good at mobile devices as well so if you
4:38
purchase it you can readily put
4:41
advertisements you will get the full
4:43
commercial right to actually deploy this
4:45
application to your shared hosting and
4:47
now to deploy this it's very easy so you
4:50
come to the application you actually
4:53
build this application so the build
4:56
command is very simple npm run build
5:00
so you will actually execute this
5:02
command npm run build so it will
5:04
actually create a disc folder it will
5:07
actually uh Minify everything and it
5:10
will create this disc
5:13
directory and you just need to upload
5:15
all these files to your shared hosting
5:18
and
5:19
then this application will perfectly
5:22
work so you can see that so in this easy
5:26
way this is a complete reactjs project
5:29
for video compressor so if you need the
5:32
source code the link is given in the
5:34
description guys if
5:36
you want the full source code I have you
5:40
can purchase it from my website the link
5:42
is given and if you don't know about
5:45
fmpg web assembly it's a open source
5:48
package for using fmpg Library which is
5:50
a popular audio and video processing
5:53
Library directly in the browser so we
5:55
are using this package in react CHS to
5:58
build this awesome looking one page
6:00
single page video compressor right in
6:03
the browser itself so no server is
6:06
involved all the things are happening in
6:07
the
6:08
browser so if you are doing it for the
6:11
very first time just execute npmi so
6:15
this will install all the node modules
6:17
and just execute the command npm run Dev
6:20
so this will start the server locally so
6:24
this application will start here you
6:25
will see that so it's very simple to do
6:28
if you are interested the link is given
6:30
in the description you can directly
6:31
purchase the full source code and thank
6:34
you very much for watching this video
6:35
and also check out my website free
6:37
mediat tools.com which contains
6:40
thousands of tools regarding audio video
6:42
and MH and I will be seeing you in the
6:44
next video
#Flash-Based Entertainment
#Software
#Multimedia Software
#Video Sharing