g-ai-robot3

简介

封装了QA问答和语音问答功能(vue3版本)

安装(npm or yarn)

npm install g-ai-robot3 --save

使用

import gAiRobot from "g-ai-robot";
import "g-ai-robot3/dist/g-ai-robot3.css"

<g-ai-robot
  :robotCss="{ zIndex: 9999, left: '10px', bottom: '300px' }"
  placement="top-end"
>
</g-ai-robot>

props

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------------------|------------|---------|---------| | isDebug | 开启debug打印 | Boolean | - | - | | title | 问答标题 | String | - | - | | greet | 问答问候语 | String | - | - | | waitTxt | 问答等候语 | String | - | - | | systemName | 系统编码 | String | - | - | | robotCss | 机器人在视口中的位置 | object | - | left: "10px", bottom: "10px" | | placement | 问答弹窗位置 |String | left/right/top/bottom/top-start/top-end/bottom-start/bottom-end | top-end | | useAudio | 语音功能 |Boolean | true/false | true | | space | 监听时间间隔 |Number | - | 3000 | | mode | 交互模式 |String | text/audio | text | | openInstruct | 是否开启指令控制 |Boolean | true/false | true | | qaServer | 问答服务地址 |String | - | - | | audioServer | 语音服务地址 |String | - | - | | cozeInfo | 扣字大模型参数 |Object | - | - | | wsServer | 语音监听地址 |String | - | - | | instructWs | 指令监听地址 |String | - | - | | eventFun | 触发事件 |Array | - | - | | searchTextCallback | 扣子大模型事件流回调函数 |Function | - | - |

cozeInfo

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------------------|------------|---------|---------| | iss | | String | - | - | | kid | | String | - | - | | private_key | | String | - | - | | bot_id | | String | - | - |

eventFun

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------------------|------------|---------|---------| | keywords | 触发关键字 | Array | - | - | | trigger | 回调触发时机 | String | after/together | - | | fun | 触发的回调函数 | Function | - | - |

方法

| 参数 | 说明 | 参数 | |---------- |------------------ |--------------| | searchText | 问答接口 |接收一个参数:{searchText} 问题的字符串 | | startMonitorAudio | 开启语音监听 | - | | uploadWavFile | 语音转文字接口 |接收一个参数(formData类型):{modelName,audio} modelName:语音模型(tiny/base/small/medium/large), audio:语音文件流 |

Slot

| 参数 | 说明 |
|---------- |--------------| | reference | 触发问答弹窗显示的HTML元素 |