✨New Javascript SDK [1.2.0]

SDK Summary

1. Platform

Register your site's domain to call the Klleon API.

Domain registration is available in the SDK Management section of Klleon Studio.

If any issues arise, please contact [e-mail]

---

2. SDK Installation

Include the JavaScript SDK file in your web page.

Specify the SDK version in the script tag.

<script src="https://web.sdk.klleon.io/1.0.0/klleon-chat.umd.js"></script>

---

3. SDK Initialization

Initialize the SDK using the init() method.

Required options:

• sdk_key

• avatar_id

window.KlleonChat.init({
  sdk_key: "your sdk key",
  avatar_id: "your avatar id",
});

---

4. Key Features

Event Handlers

1. onChatEvent: Handles chat events.

2. onStatusEvent: Manages status events.

UI Components

1. <avatar-container />: Renders avatar streaming as a Web Component.

2. <chat-container />: Renders the chat interface as a Web Component.

Lifecycle Methods

1. init: Initializes the SDK, connecting sockets and streaming.

2. destroy: Ends the SDK session and cleans up resources.

Chat Methods

1. sendTextMessage: Sends a text message.

2. echo: Implements a message echo function. Repeats the exact input text as speech.

3. startStt / endStt: Records and sends voice messages.

Additional Methods

1. changeAvatar: Changes the avatar.

2. clearMessageList: Clears the message list.

3. stopSpeech: Stops the avatar's speech.

---

5. Examples

1. VanillaJS
2. React
3. NextJS

---

6. TypeScript Support

• Use KlleonSdk.d.ts for SDK type definitions and apply them to tsconfig.json.

---

7. Logging System

1. Log list
2. Log types
3. Log levels