Banuba Web AR SDK and Angular integration example

This project was bootstrapped with Angular CLI, as well as webpack is used for serving and building application, see webpack.config.js. Angular version: 16.

NOTE: Unfortunately, Angular 17 has lack of WASM support, for using Banuba Web AR SDK with newer version of Angular You will have to customize the builder yourself for your project.

Requirements

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

Obtaining Banuba Client token

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 info@banuba.com.

Environment setup and local run

Clone the repository

git clone https://github.com/Banuba/quickstart-web-angular.git

Install the project dependencies

npm install

Insert Banuba client token at src/app/BanubaClientToken.js

export const BANUBA_CLIENT_TOKEN = "PUT YOUR CLIENT TOKEN HERE"

Local run

Run the app in the development mode via the command

npm run dev

The page will reload if you make edits.
You will also see any lint errors in the console.

Learn More

To learn Angular, check out the Angular documentation.

To learn Banuba SDK Web AR, check out the Banuba Web AR SDK documentation.