项目中要用到语音识别文字这个功能，找遍微信小程序的整个开发文档，发现并没有开发该功能的相关API，想实现这一功能，只能通过第三方，大概的原理就是先录音，然后将录音传给服务器进行识别转化文字，再传回，这样的方式大大影响了用户的体验效果。
本人并没有尝试过，度娘上好多例子，也查看了微信小程序开发社区，大家也都遇到这样的问题，于是微信给大家提供了微信同声传译插件
首先，想使用这一插件，必须先在小程序管理后台先添加上。
第一步：添加插件
小程序管理后台 --> 设置 --> 第三方服务 --> 插件管理中查找插件名称「微信同声传译」
（目前最新版本：0.2.2，appid:wx069ba97219f66d99），并申请使用
第二步：引入插件代码后修改配置文件 JSON（app.json）
"plugins": {
"WechatSI": {
"version": "0.2.2",
"provider": "wx069ba97219f66d99"
}
}
第三步：在 index.js 引入插件，获取全局唯一的语音识别管理器 recordRecoManager
//index.js ( page外 )
var plugin = requirePlugin("WechatSI")
let manager = plugin.getRecordRecognitionManager()
第四步：在语音输入
希望做到的效果就是按住某个按钮 ，开始识别语音，松开按钮就结束识别
wxml代码如下：
<view catchtouchstart="streamRecord" catchtouchend="endStreamRecord"> 语音识别按钮 </view>
js代码如下：
Page({
data: {},
streamRecord: function(){
manager.start({
lang: 'zh_CN',
})
},
endStreamRecord: function(){
manager.stop()
}
})
第五步：绑定录音回调事件
wxml代码如下：
<view> 语音识别内容：{{currentText}} </view>
js代码如下：
Page({
data: {
currentText: '',
},
onLoad: function(){
this.initRecord()
},
initRecord: function(){
//有新的识别内容返回，则会调用此事件
manager.onRecognize = (res) => {
let text = res.result
this.setData({
currentText: text,
})
}
// 识别结束事件
manager.onStop = (res) => {
let text = res.result
if(text == '') {
// 用户没有说话，可以做一下提示处理...
return
}
this.setData({
currentText: text,
})
// 得到完整识别内容就可以去翻译了
this.translateTextAction()
}
},
translateTextAction: function(){ },
})
第六步：文本翻译
wxml代码如下：
<view> 翻译结果：{{translateText}} </view>
js代码如下：
Page({
data: {
currentText: '',
translateText: '',
},
translateTextAction: function(){
let lfrom = 'zh_CN'
let lto = 'en_US'
plugin.translate({
lfrom: lfrom,
lto: lto,
content: this.data.currentText,
tts: true, // 需要合成语音
success: (resTrans)=>{
// 翻译可以得到 翻译文本，翻译文本的合成语音，合成语音的过期时间
let text = resTrans.result
this.setData({
translateText: text,
})
// 得到合成语音让它自动播放出来
wx.playBackgroundAudio({
dataUrl: resTrans.filename,
title: '',
})
},
})
},
})
第七步：语音合成
plugin.translate得到的语音文件是有过期时间，可以download到本地使用。
如果像面对面翻译一样需要存比较多历史记录的话，也可以选择过期之后调用plugin.textToSpeech接口再去重新合成一次。
plugin.textToSpeech({
lang: 'zh_CN',
content: '我想重新进行语音合成',
success: resTrans => {
// 可以重新得到语音合成文件和过期时间
},
})
拓展
先上效果图，一个语音识别按钮，要实现四个版块，并存四个语音转文字的值
wxml代码：
js代码如下：
网友评论