Banuba SDK Web AR Getting Started

Requirements

Obtaining Banuba SDK Web AR

To get the latest Banuba SDK Web AR release please fill in the form on banuba.com website, or contact us via info@banuba.com.

Obtaining Banuba Client token

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

Generally it's delivered with Banuba SDK Web AR archive.

To receive a new trial client token please fill in the form on banuba.com website, or contact us via info@banuba.com.

Usage

Create an HTML page like this:

<!DOCTYPE HTML>
<html>
<head>
<title>Banuba SDK Web AR</title>
</head>
<body>
<div id="webar"></div>
<script type="module">
import { Webcam, Effect, Player, Dom } from "./BanubaSDK.js"
const run = () => {
const player = await Player.create({ clientToken: "PUT YOUR CLIENT TOKEN HERE" })
player.use(new Webcam())
player.applyEffect(new Effect("Spider.zip"))
Dom.render(player, "#webar")
}
run()
</script>
</body>
</html>

Put BanubaSDK.js, BanubaSDK.wasm, BanubaSDK.data and Spider.zip next to the created HTML page.

Run the command in the folder to start a web server:

npx live-server
Last updated on