Up next in 10
Build a FFMPEG WASM Audacity Clone Audio Editor to Trim & Apply Effects in Browser Using HTML & JS
Dec 1, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-ffmpeg-wasm-audacity-clone-audio-editor-to-trim-apply-effects-in-browser-using-html-js/
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
So in this live stream I'll show you an
0:02
ultimate Audacity FMPPG web assembly
0:05
audio editor that I built inside the
0:08
browser. I've also given the demo link
0:10
in the description of the video. So this
0:12
is the actual audio editor where you can
0:14
actually trim your audio and apply
0:16
different kinds of effects to your audio
0:18
file with the live timeline editor. So
0:21
once you land on this you basically load
0:24
your audio file or video file. You
0:26
simply select and it will initialize the
0:28
ffmpg library directly in the browser
0:31
using ffmppg web assembly. After that it
0:34
will construct the timeline of your
0:35
audio file. You can play the audio here
0:37
by clicking the play button.
0:39
Hello guys, welcome to this video. So in
0:41
this video I will you can even upload uh
0:43
select.
0:44
So we have the play and the pause
0:46
button. So you basically get this nice
0:48
little timeline and through this
0:49
timeline you can actually cut your audio
0:52
file. So just select the portion of
0:54
whatever audio file you want to cut. So
0:57
from this duration to this duration I'm
1:00
cutting the audio file. So you basically
1:02
here you can listen
1:05
before purchasing it. There is a buy
1:07
button which is the buy button. It also
1:10
works. So now I just need to cut this
1:13
portion. I selected in the timeline and
1:15
then basically uh we have this option
1:18
here.
1:20
All these options we basically say
1:22
preview effects. So now f ofmppg will do
1:25
its job by cutting the video and now it
1:27
has successfully
1:28
you can try this tool before if you cut
1:30
page where you can purchase. So now it
1:32
has cut the audio file. Now you can
1:34
export this by clicking the export
1:35
button. So this is a readymade project
1:37
that I built in HTML, CSS and
1:39
JavaScript. So the link is given in the
1:42
description. You can directly purchase
1:43
the full source code. This is the full
1:45
directory structure. We are using
1:47
fmfmppg web assembly library. As you can
1:49
see, these are all the libraries which
1:51
are loaded right here in this folder.
1:54
And this is the main file. You can run
1:56
this locally. I'm running this
1:59
uh locally this application. As you can
2:01
see, I started this HTTP server and my
2:05
application has started at localhost
2:08
8080.
2:10
So I'm also running it at locally as
2:12
well. So
2:15
you again repeat the process. Simply
2:17
select your audio file. The OPG will
2:19
initialize and uh here you can even
2:22
apply some effects to this audio file as
2:24
well. In the sidebar section you can
2:26
adjust the volume.
2:28
By default it is set to 100%. You can
2:31
adjust the pass level treble eco effect
2:34
speed of the audio as well. You can
2:36
adjust. Let's suppose I decrease the
2:38
speed and again play. I can preview
2:41
effects. So now it will do the
2:43
processing. All the processing will
2:45
happen directly in the browser. No
2:47
server side back end is there in this
2:49
source code. Uh hello guys, welcome to
2:52
this video. So in this video I will show
2:55
you a so now you can see the uh speed is
2:58
decreased. If I increase this slider to
3:01
increase the speed of the video. So now
3:04
what you will see the speed will be
3:06
increased.
3:08
Hello guys, welcome to this video. So in
3:09
this video I will show you a Canva clone
3:10
remove background. So now after applying
3:13
the effect you have also this export
3:15
audio button. So you click the button
3:17
and then the export process will start
3:20
and the export will directly happen and
3:22
it will download this as an output file.
3:25
It's really simple. It's a complete
3:27
welcome to this video. So in this video
3:28
I will show you I will refund your
3:30
money.
3:31
So you can just see here you can even
3:33
apply to background music, songs
3:36
everything. We also have the slider for
3:38
adjusting pitch as well which is really
3:41
important
3:43
in music program. So you can increase
3:45
the pitch again. Click preview effects
3:48
then it will generate the live preview
3:49
for you.
3:52
So you also see this progress bar as
3:54
well.
3:54
Uh hello guys welcome to this video. So
3:56
in this video I will show you a Canva
3:59
clone remove background.
4:00
So now the pitch is increased. You can
4:02
even decrease the pitch
4:05
and then click preview effects
4:12
and then play.
4:13
Hello guys, welcome to this video. So in
4:15
this video I will show you a Canva clone
4:18
remove background from payment.
4:19
So all these nice little effects. So
4:21
before you purchase the source code you
4:23
can try out this editor I have given at
4:26
the checkout page. This is the full
4:28
link. So if you're interested, you can
4:30
purchase the full script. You would
4:33
basically get all the source code after
4:34
you purchase it from Google Drive
4:36
automatically. So all the binaries would
4:39
be loaded for you. You can easily deploy
4:41
this and run this project and it has
4:44
fading effect, fade out effect. Now
4:47
reduction is also there
4:51
from image kind of offline.
4:54
So slow above effect is also there as
4:57
you can see speed pitch everything is
5:01
there. So you can try out this. If you
5:03
are interested, you can purchase this.