黑镜 AI 助手，推流服务 SDK

下载安装

npm install metamaker-card-kit-live

进入 node_modules 将 libs 下的 decoder.js , decoder.wasm , 拷贝到 Web 服务目录下。

一般来说，使用 Vite 或者别的构建工具创建的项目 , 对应放到 public 目录下

获得 TOKEN

TOKEN 如何生成

创建项目

在你的项目中，你需要引入Meta2D和Project类，并使用你的 token 来创建项目。

import { Meta2D, Project } from "metamaker-card-kit-live";

let token = ""; /** 补充您的token */
let project;

async function main() {
  project = await Project.create(token);
  console.log(`project`, project);
}
main();

创建 Video 容器

设置 Video 的宽高，并将其添加到你的 HTML 容器中。

注意:无法自定义视频的宽高比，所以设置 Video 容器时，需要将容器的宽高比设置的和视频的宽高比一致。

let meta2d = Meta2D.fromProject(project, {
  container: document.querySelector("#video-wrap"),
  width: window.innerWidth
});

播放

你可以通过调用play方法来播放预设的动画。

meta2d.play("xiaojing_ai");

说话

你可以通过调用speak方法来让角色说话。

meta2d.speak("你好，我是小安，请问有什么可以帮到您的？");

打断

你可以通过调用interrupt方法来打断当前的说话或播放。

meta2d.interrupt();

清理

你可以通过调用destroy方法来清理资源。

meta2d.destroy();

例子

详细例子可以下载并查看 example 文件夹