# mindcraft_chatbot

**Repository Path**: genitop/mindcraft_chatbot

## Basic Information

- **Project Name**: mindcraft_chatbot
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-05-12
- **Last Updated**: 2025-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MindCraft ChatBot
MindCraft ChatBot 是一个基于 Vue.js 的实时语音交互应用，支持语音输入、文本输入、角色设置、功能设置等功能。用户可以通过语音或文本与智能体进行交互，并实时获取智能体的语音或文本回复。

## 在线测试
https://www.mindcraft.com.cn/chatbot/
## 效果图
**聊天界面**
![聊天界面](public/img_1.png)
**添加新角色**
![添加新角色](public/img_2.png)
**功能设置**
![功能设置](public/img_3.png)

## 功能描述
- **语音实时交互**：支持通过语音与智能体进行实时交互。
- **文本输入**：支持通过文本输入与智能体进行交互。
- **角色设置**：用户可以在高通智匠MindCraft Al客户端，应用--角色广场中选择和创建角色，然后复制对应的角色ID。
- **功能设置**：用户可以设置情绪识别、LLM 模型、语种等功能。
## 环境准备
| 环境类型     | 名称                 |
|--------------|---------------------|
| 开发工具     | Visual Studio Code   |
| 运行环境     | Node 18 +            |

## 项目安装
```bash
git clone https://gitee.com/genitop/mindcraft_chatbot.git
cd mindcraft_chatbot
npm install
npm run dev
```
项目启动后，打开浏览器访问 http://localhost:5173 即可使用。

## 使用说明
1. **连接 API**：在页面顶部输入 API Key 并点击“连接”按钮。API Key请在[高通智匠开发者平台官网](https://www.mindcraft.com.cn/)申请。
2. **角色设置**：点击“角色设置”按钮，选择智能体和用户的角色，可以在[客户端](https://www.mindcraft.com.cn/#/#clientInfo)中复制角色ID添加更多角色。
3. **功能设置**：点击“功能设置”按钮，设置情绪识别、LLM 模型、语种等功能。
4. **语音交互**：点击“点击开始说话”按钮，开始语音输入，点击“点击停止”按钮结束语音输入。
5. **文本交互**：在文本输入框中输入内容，按下 Enter 键或点击“发送”按钮进行文本交互。