微信小程序和百度的语音识别接口详解微信小程序和百度的语音识别接口详解
主要介绍了微信小程序和百度的语音识别接口详解,文中通过示例代码介绍的非常详细,对大家的学习或者工
作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
介绍介绍
因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享.
技术关键字技术关键字
1. 微微信小程序
2. 百度语音接口
3. nodejs,express
4. fluent-ffmegp
环境环境
1. windows 10
2. vs code 1.20.1
3. 微信小程序开发工具 1.02.1802270
4. 花生壳-提供域名和内容穿透-用于方便本地远程调试微信小程序
考虑到业务并不复杂,所以就将所有的代码都放在一个页面就可以了(wxml,wxss,js统称为一个页面)
文件目录
页面
index.wxml
<button type='default' bindtouchstart='startrecorderHandel' bindtouchend="sendrecorderHandel">开始8录音</button>
<view>
你说的话是:
<view>
{{msg}}
</view>
</view>
index.js
// 录音对象
const recorderManager = wx.getRecorderManager();
function sendRecord(src) {
var obj = {
// 已经在花生壳中映射到本地端口-3001
url: "http://xxx:34306/post",
filePath: src,
name: "fffile",
header: {
'Content-Type': 'application/json'
},
success: function (result) {
var data = JSON.parse(result.data);
// msg 为最终语音识别的字符串
var msg = data.result;
// 获取当前页面对象
var page = getCurrentPages()[0];
page.setData({ msg: msg });
},
fail: function (err) {
console.log(err);
}
};
wx.uploadFile(obj)
}
// 结束录音的时候触发
recorderManager.onStop((res) => {
// 获取文件路径-提交到后台-后台发送到百度
sendRecord(res.tempFilePath);
})