最近在开发一款“单词大作战”的微信小程序,想增加语音识别、语音合成这2个功能。(让用户能听到单词的读音,并对比自己读音是否标准正确)。
查了一下资料,大概有几种方式:用百度翻译(需要配置后台来转发)、讯飞(听说效果最好,但好像要收费并要配置后台来转发 )。还有用微信同声传译插件。
微信同声传译插件使用最方便,目前功能还是尽善尽美,但一直在升级,是个人开发者不错的选择。用微信扫描下面小程序可以体验语音合成和语音识别的功能:
官方的开发文档:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx069ba97219f66d99&token=251348119&lang=zh_CN
使用步骤:
1、 在微信公众平台配置,找到设置–第三方设置–插件管理–点击添加插件,
搜索微信同声传译并添加
2、 在项目根目录app.json文件中配置
"plugins": {"WechatSI": {"version": "0.3.4","provider": "wx069ba97219f66d99"}},
语音合成:
在pages的js中加入插件初始化代码
const innerAudioContext = wx.createInnerAudioContext();
innerAudioContext.autoplay = true;
const plugin = requirePlugin('WechatSI');
由于语音合成原理是微信同声传译是在同声传译后台生产录音,下载播放录音。可以在页面加载阶段生产录音,在使用的地方播放录音,就不会有延迟。
//在全局定义变量
var remoteAudio = null;//在开始阶段加载plugin.textToSpeech({lang: "en_US",tts: true,content: word,success: function(res) {console.log("succ tts", res.filename) // this.playAudio(res.filename);remoteAudio = res.filename;},fail: function(res) {console.log("fail tts", res)}})},//在实际需要使用语音合成地方
innerAudioContext.stop();
console.log("remoteAudio: " + remoteAudio);
innerAudioContext.src = remoteAudio;
innerAudioContext.play();
innerAudioContext.onError((e) => {console.log(e.errMsg) console.log(e.errCode) })
语音识别:
在pages的js中加入插件初始化代码
//引入插件:微信同声传译
const plugin = requirePlugin('WechatSI');
//获取全局唯一的语音识别管理器recordRecoManager
const manager = plugin.getRecordRecognitionManager();
// 设置采集声音参数
const options = {sampleRate: 44100,numberOfChannels: 1,encodeBitRate: 192000,format: 'aac'
}
在 onload()
中加入初始化代码
//识别语音
this.initRecord();
在需要加入语音识别地方加入下面代码:
//语音 --按住说话touchStart: function(e) {wx.vibrateShort() //按键震动效果(15ms)manager.start(options)this.setData({recordState: true, //录音状态为真tips: '松开结束',})},//语音 --松开结束touchEnd: function(e) {// 语音结束识别manager.stop();this.setData({recordState: false,})},//识别语音 -- 初始化initRecord: function() {const that = this;// 有新的识别内容返回,则会调用此事件manager.onRecognize = function(res) {console.log(res)}// 正常开始录音识别时会调用此事件manager.onStart = function(res) {console.log("成功开始录音识别", res)}// 识别错误事件manager.onError = function(res) {console.error("error msg:", res.retcode, res.msg)}//识别结束事件manager.onStop = function(res) {console.log('..............结束录音')console.log('录音总时长 -->' + res.duration + 'ms');console.log('语音内容 --> ' + res.result);if (res.result == '') {wx.showModal({title: '提示',content: '听不清楚,请重新说一遍!',showCancel: false,success: function(res) {}})return;}//下面有些代码有一些业务代码,要根据自己实际进行替换if(res.result == this.myword){that.setData({content: that.myword + '读音正确' //去掉自动添加的句号}) next();}else{that.setData({recordState: false, //录音状态为真content: that.myword +'读音不准',})plugin.textToSpeech({lang: "en_US",tts: true,content: that.myword,success: function(res) {console.log("succ tts", res.filename) },fail: function(res) {console.log("fail tts", res)}})}}},