0:00
Uh hello guys in this video I'll show
0:02
you I built out a 100% clientside react
0:05
to a single page application for
0:07
removing your background directly in
0:09
ReactJS. So this is the full directory
0:11
structure. If you're interested this I
0:14
have given the link in the description.
0:15
You can directly purchase the full
0:17
source code and let me show you the
0:19
package.json file. We using the latest
0:22
React project react version. We're also
0:24
using ONX runtime web which is actually
0:27
a model for removing the background.
0:30
We're running this project locally right
0:32
here. And the interface looks quite
0:35
simple. You simply refresh the
0:37
application. Here you simply select
0:40
multiple images for which you want to
0:42
remove the background. And for this we
0:45
are using some kind of AI models
0:47
directly in the browser. So we have
0:53
We've integrated this inside this React
0:56
project. It's a single page application.
0:59
There is no back end to it. It's 100%
1:02
fully runs on the client side. It will
1:04
process each image and then remove the
1:07
background. So once it completes, it
1:10
will show you the output right here.
1:13
And for this we are using this web GPU
1:16
model directly in the browser for rem
1:18
for detecting the background and
1:20
removing it. So this actually is built
1:23
in inside the browser web GPU.
1:28
So now you will see the background is
1:30
successfully removed. You can customize
1:31
the background with a customized color.
1:34
You can even put a different background
1:36
image as well. All the options are
1:38
there. So if you're interested in this
1:40
project, the link is given in the
1:42
description. You can even download the
1:44
image as well. So the output image.
1:49
So you can just see the quality here.
1:54
The output limit image looks quite good.
2:02
For some images it will take some more
2:04
time. So you just need to wait for some
2:06
time. So you can see the output looks
2:17
so it uses these models right here web
2:20
GPU RMBBG. So we have used this for
2:23
building out this bulk image background
2:26
removal application in ReactJS. So
2:30
if you're interested in this, you can
2:32
purchase this source code. It will save
2:34
you a lot of time because it's a
2:36
fullyfledged project.
2:39
So if you're looking forward for a React
2:41
project for image background removal,
2:43
you can purchase this project.
