JavaScript SDK를 통해 클레온 API를 호출하려면 사이트 도메인을 등록해야 합니다. 사이트 도메인 등록은 의 SDK 관리에서 등록 가능합니다. 등록하는 과정에서 어려움이 있다면 으로 문의 부탁 드립니다.
JavaScript SDK 파일을 웹 페이지에 포함 시킵니다. script 태그 내부에 버전을 정확히 기입해야 합니다.
<script src="https://sdk.klleon.io/klleon-chat/0.12.1/klleon_chat_sdk.js"></script>
JavaScript SDK를 웹 페이지에 포함한 후, 아래의 JavaScript SDK 초기화 함수를 호출합니다.
async function init() {
const option = {
// 발급받은 sdk key
sdk_key: 'sdk_key'
}
await KlleonChat.init(option);
}
아바타 스트리밍 시작 메서드를 호출하여 스트리밍 화면을 출력합니다.
function showStreaming() {
const option = {
// 아바타 id
avatar_id: 'a5fe629d-0090-11ef-8ee1-0abbf354c5cc'
}
KlleonChat.showStreaming(option);
}
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Klleon Chat SDK</title>
<script src="https://sdk.klleon.io/klleon-chat/0.12.1/klleon_chat_sdk.js"></script>
</head>
<body>
<script>
async function initializeApp() {
await KlleonChat.init({sdk_key: 'sdk_key'});
KlleonChat.showStreaming({avatar_id: 'a5fe629d-0090-11ef-8ee1-0abbf354c5cc'});
}
initializeApp();
</script>
<div id="klleon_chat" style="width: 1000px; height: 100vh"></div>
</body>
</html>
