WEBVTT

00:03.280 --> 00:05.600
uh hello guys welcome to this video so

00:05.600 --> 00:08.240
in this video I will show you a new tool

00:08.240 --> 00:10.559
that I deployed on my website vocal

00:10.559 --> 00:14.160
remover and karaoke maker so with the

00:14.160 --> 00:15.759
help of this tool you can actually

00:15.759 --> 00:18.080
separate the vocals and the background

00:18.080 --> 00:19.600
music

00:19.600 --> 00:22.080
separately right in the browser itself

00:22.080 --> 00:24.320
so I basically built this tool in HTML

00:24.320 --> 00:27.680
CSS and JavaScript it's a Audacity clone

00:27.680 --> 00:29.760
kind of an audio editor clone with

00:29.760 --> 00:32.480
various effects you can apply here so

00:32.480 --> 00:34.160
here you just need to drag your audio

00:34.160 --> 00:38.480
file it can be MP3 wave any sort of file

00:38.480 --> 00:41.200
so let me just select a very simple

00:41.200 --> 00:44.680
sample file

00:44.719 --> 00:47.600
this will be my own voice over so you

00:47.600 --> 00:49.840
can basically take any song it will

00:49.840 --> 00:51.760
separate the vocals and the music for

00:51.760 --> 00:54.160
copyright reason I can't use it to

00:54.160 --> 00:56.320
showcase in this video you I have

00:56.320 --> 00:58.079
already deployed this you can check out

00:58.079 --> 01:00.320
this tool if you need the full source

01:00.320 --> 01:02.480
code of this application I have given

01:02.480 --> 01:04.799
the link in the description so after the

01:04.799 --> 01:06.799
payment you will get this index.html

01:06.799 --> 01:10.000
file so it's a fullyfledged audio editor

01:10.000 --> 01:12.159
which will do this separation of vocals

01:12.159 --> 01:15.760
and music about a,000 lines of code here

01:15.760 --> 01:17.360
so we haven't used any third party

01:17.360 --> 01:20.720
library so we just using the basic HTML

01:20.720 --> 01:23.200
CSS and JavaScript code you will get to

01:23.200 --> 01:25.200
know about how I built this application

01:25.200 --> 01:28.400
it's very easy to modify and deploy this

01:28.400 --> 01:30.000
application as well so let me show you

01:30.000 --> 01:33.360
the actual demo so here it will uh Hello

01:33.360 --> 01:35.920
guys welcome to this video so it will

01:35.920 --> 01:39.680
play the audio file in this audio flare

01:39.680 --> 01:43.280
so so now this tool what this tool does

01:43.280 --> 01:45.200
it has all these options vocal

01:45.200 --> 01:47.200
separation audio enhancement you can

01:47.200 --> 01:50.079
also apply effects as well reverse

01:50.079 --> 01:53.439
effects eco effects so by default if you

01:53.439 --> 01:55.119
click this button here process and

01:55.119 --> 01:57.840
separate instantly it will separate the

01:57.840 --> 02:00.399
music and the vocals

02:00.399 --> 02:02.799
separately and then it will show the

02:02.799 --> 02:04.479
output

02:04.479 --> 02:06.960
on the bottom side you will see the

02:06.960 --> 02:09.280
processing has been complete And then it

02:09.280 --> 02:12.319
will create two files with live preview

02:12.319 --> 02:14.239
this will be the vocals and this will be

02:14.239 --> 02:17.760
the music only so this is karaoke so if

02:17.760 --> 02:20.319
I play this

02:20.319 --> 02:23.040
let me turn on the volume

02:23.040 --> 02:25.520
this will only contain the music here by

02:25.520 --> 02:27.520
default my voiceover doesn't have any

02:27.520 --> 02:29.520
kind of music so you will not listen

02:29.520 --> 02:32.400
anything this will only have the vocals

02:32.400 --> 02:34.480
hello guys

02:34.480 --> 02:36.560
select it

02:36.560 --> 02:39.680
so you can try this tool on a basic song

02:39.680 --> 02:43.519
which has some music so it it will be

02:43.519 --> 02:45.840
clearer to you what this tool does

02:45.840 --> 02:47.599
because for copyright reason I can't

02:47.599 --> 02:50.400
play a song here so that's why it will

02:50.400 --> 02:51.920
se

02:51.920 --> 02:53.840
it will separate the music and the

02:53.840 --> 02:56.000
vocals separately and then individually

02:56.000 --> 02:58.400
you can download the files here the

02:58.400 --> 03:01.360
vocals and the music like this it's very

03:01.360 --> 03:03.680
simple editor and you can enhance all

03:03.680 --> 03:06.560
these filters the vocal intensity center

03:06.560 --> 03:08.080
frequency all these options are

03:08.080 --> 03:11.680
available for you so you can apply boost

03:11.680 --> 03:15.840
as well reverb echo effect

03:15.840 --> 03:18.959
so it's a simple Audacity audio editor

03:18.959 --> 03:21.120
clone which directly runs in the browser

03:21.120 --> 03:24.159
no serverside code is there so if you

03:24.159 --> 03:26.319
are interested in this tool the link is

03:26.319 --> 03:28.319
given in the description and you will

03:28.319 --> 03:33.159
actually get the full source code

03:36.080 --> 03:41.480
automatically from Google Drive and uh

03:43.360 --> 03:46.239
after that you can easily run this or

03:46.239 --> 03:48.400
deploy this very easily because it's a

03:48.400 --> 03:51.599
single index html file here you can open

03:51.599 --> 03:54.400
your VS code and

03:54.400 --> 03:56.799
directly open it as a local host

03:56.799 --> 03:58.319
application

03:58.319 --> 04:01.040
you can see again you repeat the process

04:01.040 --> 04:04.159
simply select your target audio file and

04:04.159 --> 04:07.360
uh then it will process it entirely and

04:07.360 --> 04:10.239
it's very fast as well you can see you

04:10.239 --> 04:12.159
as you click the button here it will

04:12.159 --> 04:15.680
separate the vocals and the music and it

04:15.680 --> 04:18.639
will create these two files so before

04:18.639 --> 04:20.560
purchasing it definitely try this tool

04:20.560 --> 04:22.479
guys if you are interested for the

04:22.479 --> 04:24.960
source code you can purchase the source

04:24.960 --> 04:26.560
code

04:26.560 --> 04:29.840
the link is given in the description

04:29.840 --> 04:32.880
so thank you very much for watching this

04:32.880 --> 04:35.440
uh video and I will be seeing you in the

04:35.440 --> 04:38.759
next one