NexAvatar.js 使用說明

基本設置

NexAvatar.js 是一個用於管理虛擬人物動畫的 JavaScript 庫。如需客制請來信。要使用 NexAvatar，首先需要在 HTML 中引入腳本：

<script src="https://nexretail.scsonic.com/static/nexavatar.js"></script>

初始化參數

containerLable

指定虛擬人物渲染的DIV

類型：String

範例："#avatar-container"

配置參數 (start方法)

wipeGreen

是否啟用綠幕去除功能

類型：Boolean

預設值：false

api

設置 API 端點

類型：String

預設值：'http://nexretail.scsonic.com/speak'

debug

啟用調試模式，會在控制台輸出日誌信息

類型：Boolean

預設值：false

其他重要參數

avatarName

虛擬人物的名稱

類型：String

預設值：'liangwei_540s'

使用範例


            const avatar = new NexAvatar();

            

            // 初始化
            await avatar.init({
                containerLable: '#avatar-container'
            });

            

            // 啟動配置
            await avatar.start({
                debug: true,
                wipeGreen: false
            });

            

            // 讓虛擬人物說話
            await avatar.speak('你好，我是虛擬人物');

事件監聽

可以使用 on 方法監聽各種事件：


            avatar.on('intialSucccess', (data) => {
                console.log('初始化成功');
            });

            

            avatar.on('error', (error) => {
                console.error('發生錯誤:', error);
            });