# web

[View as Markdown](https://docs.banuba.com/far-sdk/tutorials/development/basic_integration/web.md)[![](/far-sdk/img/ai-guide/chatgpt.svg)Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs.banuba.com%2Ffar-sdk%2Ftutorials%2Fdevelopment%2Fbasic_integration%2Fweb.md%20\(web\)%20and%20help%20me%20with%20it%20in%20my%20Banuba%20Face%20AR%20SDK%20project.)[![](/far-sdk/img/ai-guide/claude.svg)Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs.banuba.com%2Ffar-sdk%2Ftutorials%2Fdevelopment%2Fbasic_integration%2Fweb.md%20\(web\)%20and%20help%20me%20with%20it%20in%20my%20Banuba%20Face%20AR%20SDK%20project.)Install tools

## Requirements[​](#requirements "Direct link to Requirements")

* [Nodejs](https://nodejs.org/en/) installed
* Browser with [WebGL 2.0](https://caniuse.com/#feat=webgl2) and higher

## Integration[​](#integration "Direct link to Integration")

1. Setup the client token

BanubaClientToken.js

```
loading...
```

![Icon](/far-sdk/img/icons/github.svg "GitHub")

2. Import the required types from the [@banuba/webar](https://www.npmjs.com/package/@banuba/webar) NPM package

BanubaPlayer.js

```
loading...
```

![Icon](/far-sdk/img/icons/github.svg "GitHub")

info

See the details about the NPM package in [Installation](/far-sdk/tutorials/development/installation/.md).

3. Initialize `Player` and apply the `Effect`

BanubaPlayer.js

```
loading...
```

![Icon](/far-sdk/img/icons/github.svg "GitHub")

BanubaPlayer.js

```
loading...
```

![Icon](/far-sdk/img/icons/github.svg "GitHub")

BanubaPlayer.js

```
loading...
```

![Icon](/far-sdk/img/icons/github.svg "GitHub")

4. Run a local web server from a terminal inside the folder

```
npx live-server
```

5. Open [localhost:8080](http://localhost:8080) and start clicking 🎉 🚀 💅

tip

Follow the instructions of the demo app [README.md](https://github.com/Banuba/quickstart-web/blob/master/README.md) to get more info.

note

The demo app leverages [jsDelivr](https://jsdelivr.com/) CDN for ease of getting started, for a real life application please use the [@banuba/webar](https://www.npmjs.com/package/@banuba/webar) npm package.