快速开始

安装依赖

npm install meta-human-sdk -S

数字人初始化

import 'meta-human-sdk/Build/meta-human-sdk.css';  // 引入样式文件
import {MetaHuman} from 'meta-human-sdk';

// 创建数字人示例
new MetaHuman({
    host: 'http://172.16.24.217:44406',
    userId: 'user-001',
    appId: 'RealisticDimension',
    autoSendAudio: true,     // 自动发送音频
    // 界面参数
    uiParams: {
        show: true,     // 显示界面组件
        option: {
            container: 'metaHuman-box',         // 界面组件父容器，字符串时，值为父节点元素id
            name: '数码小助理',                  // 数字人名称
            logoSrc: logoSrc,                   // logo图片地址
            className: 'custom-class',          // 自定义类名
            uploadFile: uploadFile              // 上传文件方法
        }
    },
    // 2d数字人参数
    human2dParams: {
        show: true,     // 显示2d数字人组件
        option: {
            onlyAudio: true,                    // 只使用音频
            container: 'human-container',       // 2d数字人容器
            backgroundTransparency: false,      // 开启背景透明
            backgroundFilters: {                // 背景过滤器
                r: {min: 0, max: 200},          // 红色范围
                g: {min: 200, max: 255},        // 绿色范围
                b: {min: 0, max: 200}           // 蓝色范围
            },
            loadingParams: {
                show: true,                      // 显示加载动画
                text: '连接中...',                // 加载文本
                background: 'rgba(0,0,0,0.5)',   // 加载背景
                className: 'human-2d'            // 自定义类名
            },
            RENDER_MAX_WIDTH: 1080,              // 渲染最大宽度
        }
    }
})

// 上传文件方法
const uploadFile = files=>{
    // 文件上传逻辑，业务系统自定义
}

版本更新记录

v1.0.6修改内容

1、MetaHuman类，增加headers参数，用于业务系统业务用户身份匹配
2、消息支持发送文件，文件上传逻辑需要业务系统实现

v1.0.9修改内容

1、增加二维数字人
2、增加录音功能
3、会话对话内容增加反馈功能（点赞，点踩）
4、会话对话记录增加删除和复制
5、会话对话历史记录分页查询（下拉加载更多）
6、会话历史分页查询（上拉加载更多）

v1.1.0修改内容

1、2d数字人支持音频单独播报（仅播放音频，不需要渲染视频画面
2、增加自动发送音频消息

v1.1.1修改内容

1、兼容非https地址访问时，消息文本复制功能
2、修复消息有思考过程时，页面渲染报错

v1.1.2修改内容

1、数字人语音播报增加中断功能
2、语音输入功能优化