Up next in 10
Build a Vocal Remover & Karaoke Song Maker Audio Editor in Browser Using HTML & JS
Jun 26, 2025
Buy the full source code of the application here:
https://procodestore.com/index.php/product/build-a-vocal-remover-karaoke-song-maker-audio-editor-in-browser-using-html-js/
Official Website:
https://freemediatools.com
Show More Show Less View Video Transcript
0:03
uh hello guys welcome to this video so
0:05
in this video I will show you a new tool
0:08
that I deployed on my website vocal
0:10
remover and karaoke maker so with the
0:14
help of this tool you can actually
0:15
separate the vocals and the background
0:18
music
0:19
separately right in the browser itself
0:22
so I basically built this tool in HTML
0:24
CSS and JavaScript it's a Audacity clone
0:27
kind of an audio editor clone with
0:29
various effects you can apply here so
0:32
here you just need to drag your audio
0:34
file it can be MP3 wave any sort of file
0:38
so let me just select a very simple
0:41
sample file
0:44
this will be my own voice over so you
0:47
can basically take any song it will
0:49
separate the vocals and the music for
0:51
copyright reason I can't use it to
0:54
showcase in this video you I have
0:56
already deployed this you can check out
0:58
this tool if you need the full source
1:00
code of this application I have given
1:02
the link in the description so after the
1:04
payment you will get this index.html
1:06
file so it's a fullyfledged audio editor
1:10
which will do this separation of vocals
1:12
and music about a,000 lines of code here
1:15
so we haven't used any third party
1:17
library so we just using the basic HTML
1:20
CSS and JavaScript code you will get to
1:23
know about how I built this application
1:25
it's very easy to modify and deploy this
1:28
application as well so let me show you
1:30
the actual demo so here it will uh Hello
1:33
guys welcome to this video so it will
1:35
play the audio file in this audio flare
1:39
so so now this tool what this tool does
1:43
it has all these options vocal
1:45
separation audio enhancement you can
1:47
also apply effects as well reverse
1:50
effects eco effects so by default if you
1:53
click this button here process and
1:55
separate instantly it will separate the
1:57
music and the vocals
2:00
separately and then it will show the
2:02
output
2:04
on the bottom side you will see the
2:06
processing has been complete And then it
2:09
will create two files with live preview
2:12
this will be the vocals and this will be
2:14
the music only so this is karaoke so if
2:17
I play this
2:20
let me turn on the volume
2:23
this will only contain the music here by
2:25
default my voiceover doesn't have any
2:27
kind of music so you will not listen
2:29
anything this will only have the vocals
2:32
hello guys
2:34
select it
2:36
so you can try this tool on a basic song
2:39
which has some music so it it will be
2:43
clearer to you what this tool does
2:45
because for copyright reason I can't
2:47
play a song here so that's why it will
2:50
se
2:51
it will separate the music and the
2:53
vocals separately and then individually
2:56
you can download the files here the
2:58
vocals and the music like this it's very
3:01
simple editor and you can enhance all
3:03
these filters the vocal intensity center
3:06
frequency all these options are
3:08
available for you so you can apply boost
3:11
as well reverb echo effect
3:15
so it's a simple Audacity audio editor
3:18
clone which directly runs in the browser
3:21
no serverside code is there so if you
3:24
are interested in this tool the link is
3:26
given in the description and you will
3:28
actually get the full source code
3:36
automatically from Google Drive and uh
3:43
after that you can easily run this or
3:46
deploy this very easily because it's a
3:48
single index html file here you can open
3:51
your VS code and
3:54
directly open it as a local host
3:56
application
3:58
you can see again you repeat the process
4:01
simply select your target audio file and
4:04
uh then it will process it entirely and
4:07
it's very fast as well you can see you
4:10
as you click the button here it will
4:12
separate the vocals and the music and it
4:15
will create these two files so before
4:18
purchasing it definitely try this tool
4:20
guys if you are interested for the
4:22
source code you can purchase the source
4:24
code
4:26
the link is given in the description
4:29
so thank you very much for watching this
4:32
uh video and I will be seeing you in the
4:35
next one
Music Equipment & Technology
Multimedia Software
Jobs & Education