web

View as MarkdownOpen in ChatGPTOpen in Claude

Requirements

• Nodejs installed
• Browser with WebGL 2.0 and higher

Integration

1. Setup the client token

BanubaClientToken.js

loading...

2. Import the required types from the @banuba/webar NPM package

BanubaPlayer.js

loading...

info

See the details about the NPM package in Installation.

3. Initialize Player and apply the Effect

BanubaPlayer.js

loading...

BanubaPlayer.js

loading...

BanubaPlayer.js

loading...

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

npx live-server

5. Open localhost:8080 and start clicking 🎉 🚀 💅

tip

Follow the instructions of the demo app README.md to get more info.

note

The demo app leverages jsDelivr CDN for ease of getting started, for a real life application please use the @banuba/webar npm package.