# 黑镜 AI 助手，推流服务 SDK

## 下载安装

```
npm install metamaker-card-kit-live

```

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

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

## 获得 TOKEN

[TOKEN 如何生成](https://awbm.feishu.cn/wiki/N3j9welrwioCpWkW7AGc9IPcnPg)

## 创建项目

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

```javascript
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 容器时，需要将容器的宽高比设置的和视频的宽高比一致。

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

## 播放

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

```javascript
meta2d.play("xiaojing_ai");
```

## 说话

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

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

## 打断

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

```javascript
meta2d.interrupt();
```

## 清理

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

```javascript
meta2d.destroy();
```

# 例子

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