• Banuba client token
• Nodejs installed
• Browser with support of WebGL 2.0

The example uses CDN version of the @banuba/webar npm package for simplicity. Please use the npm package mentioned above for real world projects. Check out the Integration tutorials for more ways of consuming @banuba/webar package.

Banuba Client token is required to get Banuba SDK Web AR working.

To receive a new trial client token please fill in the form on banuba.com website, or contact us via [email protected].

Clone the repository

git clone [email protected]:Banuba/quickstart-web.git

Insert Banuba client token into BanubaClientToken.js

window.BANUBA_CLIENT_TOKEN = "PUT YOUR CLIENT TOKEN HERE";

Run the live server in the cloned folder

npx live-server

Open localhost:8080

Put effect zip file to import/ folder and add zip file name to ./import/effectsList.js file. Example:

export const importedEffectsList = ["your_effect_1.zip", "your_effect_2.zip"];

You can obtain more effects on the Demo Face Filters page.

Learn more about Banuba WebAR SDK on the Web section of docs.banuba.com.