@avaturn-live/web-sdk
v0.1.4
Published
This example demonstrates how to integrate and use the `AvaturnHead` from the `@avaturn-live/web-sdk` package to display an avatar's video stream on a web page.
Downloads
426
Readme
Avaturn Live Integration Example
This example demonstrates how to integrate and use the AvaturnHead from the @avaturn-live/web-sdk package to display an avatar's video stream on a web page.
Prerequisites
Before running the code, make sure you have a valid session token for Avaturn:
Installation
npm install @avaturn-live/web-sdkUsage
Import the
AvaturnHeadclass from the@avaturn-live/web-sdkpackage.import { AvaturnHead } from "@avaturn-live/web-sdk";Initialize the
AvaturnHeadinstance with your session token.const domElement = document.querySelector("#root"); const avatar = new AvaturnHead(domElement, { sessionToken: "<YOUR_SESSION_TOKEN>", });
HTML Structure
Ensure you have an HTML structure with a video element that has an id of video:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Avaturn Head Example</title>
</head>
<body>
<div id="root"></div>
<!-- Include your bundled JavaScript here -->
</body>
</html>