Up next in 10
I Built this React FFMPEG WASM Audio Trimmer 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-audio-trimmer-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 a uh audio
0:06
editor or trimmer that I developed on my
0:09
website free mediat tools.com so if you
0:12
visit my website Ive added this latest
0:14
tool audio trimmer and editor using fmpg
0:17
web assembly library and it's a passive
0:21
income tool passive income is actually
0:23
we are earning advertisement Revenue by
0:27
making these online tools so if you
0:30
visit my free mediat tools.com website
0:32
you will see this tool added I have also
0:36
given the link in the description so you
0:38
simply select any MP3 file or any audio
0:41
file that is there inside here as you
0:44
select the file here so what this tool
0:46
does guys it actually uh displays this
0:49
audio file you can listen to it using
0:51
this nice little audio player uh hello
0:54
guys that it you you see this timeline
0:57
is created waveform like this
1:00
so total duration it also shows you how
1:02
many seconds long the audio file is it 8
1:05
Minute 15 second and you can play the
1:08
audio file listen to it and we you can
1:11
see the two icons are there for cutting
1:13
the audio and then downloading the so
1:17
you simply select whichever portion that
1:19
you want to cut so you simply you can
1:22
see that once it complete download that
1:25
to your own so if I want to cut this
1:27
portion so I will simply select
1:30
whichever portion of the audio that I
1:32
want to trim so using this nice little
1:37
timeline so you can easily select
1:39
whichever portion that you want from the
1:42
audio so as you select this portion you
1:44
will simply select the cut option you
1:47
will simply press the cut and as soon as
1:50
it does it actually uses the fmpg web
1:52
assembly library and it actually cuts
1:55
the audio the selected audio and now you
1:58
can see the audio is successfully
2:00
trimmed now source code soy that to your
2:04
own hos you can play the audio file the
2:07
trimmed audio file and then you can
2:10
simply download this so This overall
2:12
project guys I developed in react Chase
2:14
using fmpg web assembly library and the
2:17
nice thing is that uh once you purchase
2:20
this project the link is given in the
2:22
description you can easily deploy this
2:24
to your own website and earn a lot of
2:26
passive income so let me show you I'm
2:28
actually monetizing this website using
2:30
my ISO website ISO is AD Network you can
2:34
see each day I am earning this 28 cents
2:39
sometimes $4 $2 on each day you can see
2:43
the website views are there and
2:46
basically it's a online tool-based
2:48
website and actually users come to the
2:50
website they use the tool also they use
2:53
the they see the advertisements and I
2:55
earn passive income you can see that and
2:57
also using AdSense as well I I monetize
3:00
using both ISO and AdSense and also in
3:02
the AdSense as you can see I'm earning
3:05
this passive income
3:07
daily so this is actually the react
3:10
project guys you will get once you
3:12
purchase it from my website Pro Cod
3:14
store.com I've given the link in the
3:16
description of this video and uh once
3:18
you purchase it you will be getting the
3:20
zip file and uh which will be after
3:24
payment you will be automatically be
3:26
redirected to the Google Drive where you
3:28
will download the zip file so just
3:31
extract the content of the zip file this
3:33
is the overall structure of this project
3:37
uh just wait let me open my zoom it tool
3:40
so that I can zoom on particular element
3:43
just wait so guys you will actually get
3:47
this overall project react
3:50
project so it's developed in typescript
3:53
you will see typescript is a superet of
3:56
JavaScript and let me show you the
3:58
package.json file so we are using the
4:00
fmpg web assembly library for this
4:04
project and all these so once you uh
4:09
basically download the zip file to to
4:12
run this project locally you first of
4:14
all execute this command npmi so what
4:17
this is will do it will scan through all
4:20
the packages which are mentioned in
4:22
package.json file and create this node
4:24
modules folder so first of all you will
4:27
execute this command npmi I've already
4:30
done that and then you will simply say
4:32
npm run Dev this is the command that you
4:36
will run npm run de so this will start
4:39
the local development
4:41
server so you can actually open this
4:44
app locally by just visiting Local
4:50
Host
4:53
5173 so you can see the app will
4:55
perfectly work here here you select the
4:58
file and you will see the app is
5:00
perfectly
5:02
working so you whichever portion you
5:04
like you simply actually select the
5:07
portion of the audio then you simply
5:09
select the cut option so it will cut the
5:11
audio file and then you will see that so
5:15
it actually cut this 32 second part of
5:17
this and you can play the file right
5:20
subsequent and then there is a download
5:22
button to actually download so very
5:24
simple tool guys very simple passive
5:27
income tool but it's very powerful
5:29
because many of times people looking
5:30
forward for the cutting the remove the
5:33
back directly in the browser so it's a
5:35
static website it directly runs in the
5:37
browser no server no server is involved
5:40
now to build this react project you
5:43
simply run the command
5:46
here npm run build so this if you want
5:49
to deploy this tool on your static
5:51
website you run this command npm run
5:53
build so what this command will do it
5:56
actually will build your project and it
5:58
will create a disc folder so if I
6:01
execute this command so in the left hand
6:04
side what it will do it will actually
6:06
build this entire project into a single
6:10
file so that you can directly upload
6:12
this into a static website so it created
6:14
this disc folder and you will see this
6:17
index. HTML file right here so you just
6:19
need to upload this disc folder to your
6:22
shared hosting so whichever hosting you
6:24
are using simply upload the static files
6:28
and then open this in the browser so
6:30
this tool will directly open in the
6:32
browser you can see that so we are
6:34
running it locally you will see that so
6:37
once it plays it you can see the user
6:41
will select the portion click cut the
6:43
audio is trimmed you can see we are
6:46
running it
6:47
locally so the link is given guys in the
6:50
description you can directly purchase
6:52
the full source code here you will get
6:54
you can even modify the source code if
6:55
you are a coder or developer you can
6:57
modify the functionalities if you
6:59
understand the code I developed this
7:01
from scratch here you will see all the
7:03
files have appropriate
7:06
extensions if you are a developer this
7:08
project will be very helpful for you you
7:10
will get to understand and how I used
7:12
fmpg web assembly library to build this
7:15
entire audio editor
7:18
project very simple project you select
7:20
the portion click the cut option you can
7:23
try this guys before purchasing it I
7:25
have given the link here free mediat
7:27
tools.com trimmer
7:29
so first of all try this if you like
7:31
this project then directly purchase it
7:34
the link is given in the description and
7:36
if you face any kind of problem after
7:38
purchase you can contact me at my email
7:40
address I will helpful I will uh be
7:43
helping you if you face any kind of
7:45
problem
7:47
so if you don't know about fmpg guys
7:50
fmpg is a very open- source audio and
7:53
video processing
7:55
Library you can use this for converting
7:58
audio or video from one forward format
8:00
to another and there is this fmpg web
8:03
assembly which allows the developers to
8:05
directly use fmpg directly in the
8:07
browser without needing to install
8:10
locally so we are using this package
8:12
open source package for building this
8:14
entire
8:15
application so the users will select
8:18
their audio file so it it is all all
8:22
happening in the browser no server is
8:24
involved your files will not be uploaded
8:26
anywhere it is all happening in the
8:28
browser they will select the portion
8:30
that you want to cut and you will see
8:34
instantly it's very fast tool guys it
8:37
basically all this happening in the
8:39
browser you can p purchase this project
8:42
after purchasing it you will get full
8:44
commercial right you can modify the code
8:47
deploy this use it as your own website
8:50
as
8:50
well and thank you very much guys for
8:53
watching this video and also check out
8:55
my website free mediat tools.com which
8:57
contains thousands of tools regarding
8:59
audio video and MH and I will be seeing
9:02
you in the next video
#Programming
#Software
#Multimedia Software
#Web Services