VUE语音识别

在很多场景下,当我们使用手机操作复杂页面时,会非常不方便,我在写一个商城后台时遇到了这个问题。运营经常需要很晚来操作后台,而很大一部分时间都是只能用手机,于是我想到的解决方案就是语音控制

实现结果如下:

需要引入依赖

script
1
npm install voice-input-button2 --save

或者直接下载源码包

script
1
npm install https://github.com/ferrinweb/voice-input-button2.git

仓库地址
https://github.com/ferrinweb/voice-input-button2
该项目的语言识别接口是调用科大讯飞,需要先注册获取appid和key
注册地址:https://www.xfyun.cn/
按照文档配置好后可以正常使用了,但遇到一个小bug,因为商城的语音控制在修改库存时需要识别数字,按照文档需要设置以下参数

1
2
:ptt = 0
:nunum = 1

但实际操作时,如果参数前不加:则会以字符串提交,这会使得WS直接报错

所以需要在recorder/index.js文件做修改,为ptt和nunum做字符串转数字

1
2
3
4
5
6
7
8
9
10
11
business: {
language: this.language,
domain: "iat",
accent: this.accent,
vad_eos: this.vad_eos,
dwa: "wpgs",
pd: this.pd,
rlang: this.rlang,
ptt: this.ptt ? parseInt(this.ptt) : 1,
nunum: this.nunum ? parseInt(this.nunum) : 1,
}