Overview

Demo web page

The demo web page allows you to experience the AI Human Web SDK(js)'s features. You can check out the page here(Link). On the page, the following menu appears at the top right. Check out the Demo page to look around the SDK's features.

Demo web page menu

• QuickStart : Start AIPlayer quickly
• SDK Demo : Demo of AIPlayer Functionalities
• STT Demo : AIPlayer + Chatbot(PlayChat) example

Sample Project

The sample provided on the SDK site is an example of the SDK, which demonstrates its functions. Through this, you can check out how the SDK actually works.

You can download it from here(link).

How to Run the Sample

The sample project gives two examples which are based on node-express and nextjs respectively. Let's check out the contents first.

Contents

When you extract the zip file, you will have the following folders.

Folder name	Description
node-express	sample project 1
nextjs	sample project 2

And files inside nextjs folder.

Filename	Division	Description
generateJWT.js	Server	generate client token javascript
demo.html	Client	sdk demo html
demo.js	Client	sdk demo javascript
demo.css	Client	sdk demo css

Run nextjs sample

Let's get into the nextjs folder from the sample.

1. Prepare appId and userKey through the Project Setup process.

2. Modify the /nextjs/pages/api/generateJWT.js file.

• Input the appId, userkey as shown below.

3. Run the server from the /nextjs directory using commands below.

$ cd nextjs
$ npm install
$ npm run dev

4. From a Chrome browser, go to http://localhost:3000.

The following web page(SDK DEMO) will be shown if everything goes well.

Run node-express sample

1. Prepare appId and userKey through the Project Setup process.

2. Modify the /node-express/server/generateJWT.js file.

• Input the appId, userkey as shown below.

3. Run the server from the /node-express/server directory using commands below.

$ cd node-express/server
$ npm install
$ npm start

4. Open the /node-express/client/demo.html file with a Chrome browser.