微信小程序和百度的语音识别接口详解

介绍

因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享.

技术关键字

微微信小程序 百度语音接口 nodejs,express fluent-ffmegp

环境

windows 10 vs code 1.20.1 微信小程序开发工具 1.02.1802270 花生壳-提供域名和内容穿透-用于方便本地远程调试微信小程序

考虑到业务并不复杂,所以就将所有的代码都放在一个页面就可以了(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);})recorderManager.onError((res) => { console.log("error", res);});Page({ /** * 页面的初始数据 */ data: { msg: "" }, // 按下按钮的时候触发 startrecorderHandel() { // 开始录音 recorderManager.start({ }); }, // 松开按钮的时候触发-发送录音 sendrecorderHandel() { // 结束录音 recorderManager.stop(); }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.authorize({  scope: 'record' }) }})

后台nodejs接口文件目录

index.js

var express = require('express');var app = express();var fs = require('fs');var Multiparty = require('multiparty');// 转码工具var ffmpeg = require('fluent-ffmpeg');var AipSpeechClient = require("baidu-aip-sdk").speech;// #region 创建百度授权 // 设置APPID/AK/SKvar APP_ID = "xxx";var API_KEY = "xxx";var SECRET_KEY = "xxx";// 百度请求对象var client = new AipSpeechClient(APP_ID, API_KEY, SECRET_KEY);// 新建一个对象，建议只保存一个对象调用服务接口app.post('/post', function (req, res, next) { //生成multiparty对象，并配置上传目标路径 var form = new Multiparty.Form({ uploadDir: 'uploads/' }); //上传完成后处理 form.parse(req, function (err, fields, files) { var filesTemp = JSON.stringify(files, null, 2); var inputFile = files.fffile[0]; var uploadedPath = inputFile.path; var command = ffmpeg(); command.addInput(uploadedPath)  // 将1.aac 变为1.wav  .save(uploadedPath.slice(0, -3) + "wav")  .on('error', function (err) {  console.log(err);  })  .on('end', function () {  // 将录音文件转为buffer  var voice = fs.readFileSync(uploadedPath.slice(0, -3) + "wav");  var voiceBuffer = new Buffer(voice);  // 发送buffer到百度接口 返回语音对应的字符串  client.recognize(voiceBuffer, 'wav', 16000).then(function (result) {   console.log('<recognize>: ' + JSON.stringify(result));   res.end(JSON.stringify(result));  }, function (err) {   console.log(err);  });  }); });});var server = app.listen(3001, function () { var host = server.address().address; var port = server.address().port; console.log('Example app listening at http://%s:%s', host, port);});