Skip to main content

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 = async () => {        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