metahuman-ts

提供前端数字人能力的封装库

安装

为了获取项目最新版本主要文件（model、Metahuman.js、Metahuman.d.ts）

可以通过 npm 安装或者直接复制文件

使用

三步骤：

1 创建元素

 <canvas
  id="metahuman-canvas"
  width="400"
  height="300"
  style="
    pointer-events: none;
    border: none;
    position: fixed;
    top: 0pt;
    left: 0pt;
  "
></canvas>

2 配置

const runtimeConfig = {
  userName: "UserName-1", // 身份
  canvasId: "metahuman-canvas",
  serverTextUrl: "http://172.16.50.72:5000/api/send/v1/chat/completions",
  serverTextStreamUrl: "http://172.16.50.72:5000/v1/chat/completions",
  serverWebsocketUrl: "ws://172.16.50.72:10002", // 语音文件地址从这里返回
};

3 引入与启动

import { initMetahuman } from "Metahuman.js";
const metahuman = await initMetahuman(runtimeConfig);
console.log(metahuman.getVersionString());

完整示例

参考 index.html

配置与接口

配置说明

{
const runtimeConfig = {
  userName: "UserName-1", // 身份
  canvasId: "metahuman-canvas", // canvas 元素id
  serverTextUrl: "http://172.16.50.72:5000/api/send/v1/chat/completions", // 文本接口
  serverTextStreamUrl: "http://172.16.50.72:5000/v1/chat/completions", // 文本流式接口
  serverWebsocketUrl: "ws://172.16.50.72:10002", // 语音返回地址
};
}