vue使用科大讯飞的语音识别(语音听写)

使用的是封装好的插件：voice-input-button2

真的很好使很好使

1、先使用npm下载插件

npm i voice-input-button2 -save -dev

2、在main.js中引入

import voiceInputButton from 'voice-input-button2'

3、全局引入

Vue.use(voiceInputButton, {
appId: 'xxx', // 您申请的语音听写服务应用的ID
apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxx', // 您开通的语音听写服务的 apiKey
apiSecret: 'xxxxxxxxxxxxxxxxxxxxx', // 您开通的语音听写服务的 apiSecret
color: '#fff', // 按钮图标的颜色
tipPosition: 'top', // 提示条位置
})
// 这里是直接全局注册了，在想要使用的页面中直接使用下面html的代码和methods的代码就可以了

4、使用组件

<voice-input-button
v-model="result"
@record="showResult"