✨New Javascript SDK [1.2.0]

SDK サマリー

1. プラットフォーム

Klleon API を呼び出すためには、サイトドメインを登録する必要があります。

ドメイン登録は Klleon Studio の SDK 管理セクションで行えます。

問題が発生した場合は、[e-mail] までお問い合わせください。

---

2. SDK のインストール

JavaScript SDK ファイルをウェブページに含めます。

script タグで SDK バージョンを明記します。

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

---

3. SDK の初期化

init() メソッドを使用して初期化します。

必須オプション:

• sdk_key

• avatar_id

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

---

4. 主要な機能

イベントハンドラー

1. onChatEvent: チャットイベントを処理します。

2. onStatusEvent: 状態イベントを管理します。

UI コンポーネント

1. <avatar-container />: Web コンポーネントとしてアバターストリーミングをレンダリングします。

2. <chat-container />: Web コンポーネントとしてチャットインターフェースをレンダリングします。

ライフサイクルメソッド

1. init: SDK を初期化し、ソケットとストリーミングを接続します。

2. destroy: SDK セッションを終了し、リソースを整理します。

チャットメソッド

1. sendTextMessage: テキストメッセージを送信します。

2. echo: 入力された内容をそのまま発話します。

3. startStt / endStt: 音声メッセージを録音して送信します。

追加メソッド

1. changeAvatar: アバターを変更します。

2. clearMessageList: メッセージリストを初期化します。

3. stopSpeech: アバターの発話を停止します。

---

5. 例

1. VanillaJS
2. React
3. NextJS

---

6. TypeScript のサポート

• KlleonSdk.d.ts を使用して SDK の型定義を行い、tsconfig.json に適用します。

---

7. ログシステム

1. ログリスト

2. ログタイプ

3. ログレベル