JSON

用微信小程序实现语音识别的详细教程

字号+ 作者:H5之家 来源:H5之家 2017-09-06 18:15 我要评论( )

微信小程序能不能实现语音识别呢?答案是可以的,下面就是小编带来的用微信小程序实现语音识别的详细教程,一起来学习看看吧。

导读: 微信小程序能不能实现语音识别呢?答案是可以的,下面就是小编带来的用微信小程序实现语音识别的详细教程,一起来学习看看吧。

  小程序能不能实现语音识别呢?答案是可以的,下面就是小编带来的用微信小程序实现语音识别的详细教程,一起来学习看看吧。

  1、概述

  通过微信小程序wx.startRecord()和wx.stopRecord()接口录音并上传silk录音文件至服务器,通过ffmpeg将silk录音文件转成wav录音文件,再通过百度语音识别 REST API 获取语音识别后的结果。

  2、代码实现

  录音和语音文件上传

  //index.js

  //开始录音。当主动调用wx.stopRecord,

  //或者录音超过1分钟时自动结束录音,返回录音文件的临时文件路径。

  //当用户离开小程序时,此接口无法调用。

  wx.startRecord({

  success: function (res) {

  console.log('录音成功' + JSON.stringify(res));that.setData({

  voiceButtonName: '语音识别',

  voicePlayButtonName: '开始播放',

  tempFilePath: res.tempFilePath

  })

  //上传语音文件至服务器

  wx.uploadFile({

  url: 'https://你的域名/upload',

  filePath: res.tempFilePath,

  name: 'file',

  // header: {}, // 设置请求的 header

  formData: {

  'msg': 'voice'

  }, // HTTP 请求中其他额外的 form data

  success: function (res) {

  // success

  console.log('begin');

  console.log(res.data);

  var json = JSON.parse(res.data);

  console.log(json.msg);

  var jsonMsg = JSON.parse(json.msg);

  console.log(jsonMsg.result);

  wx.navigateTo({

  url: '../voicePage/voicePage?voiceData=' + jsonMsg.result.join('')})

  },

  fail: function (err) {

  // fail

  console.log(err);

  },

  complete: function () {

  // complete

  }

  })

  },

  fail: function (res) {

  //录音失败

  that.setData({

  voiceButtonName: '语音识别'

  })

  console.log('录音失败' + JSON.stringify(res));}

  })

  setTimeout(function () {

  //结束录音

  wx.stopRecord()

  }, 60000)

  node.js服务端接收语音文件代码

  //upload.js

  //使用koa-multer这个组件

  var multer = require('koa-multer');

  var router = require('koa-router')();

  var path = require('path');

  //存储文件至path.resolve('./voice-file')路径var upload = multer({ dest: path.resolve('./voice-file')});router.post('http://www.downza.cn/', upload.single('file'), async function (ctx, next) {//这是就文件的具体信息

  console.log(ctx.req.file);

  });

  silk文件转wav文件

  我使用的是silk-v3-decoder将silk文件转wav文件

用微信小程序实现语音识别的详细教程

  silk-v3-decoder 使用方法

  //upload.js

  var exec = require('child_process').exec;

  function silkToWav(file){

  return new Promise(function (resolve, reject) {

  exec('sh converter.sh ' + file + ' wav', function(err,stdout,stderr){

  if(err) {

  resolve({

  result : false,

  msg : stderr

  });

  } else {

  //var data = JSON.parse(stdout);

  console.log(stdout);

  console.log(stderr);

  //console.log(err);

  resolve({

  result : true,

  msg : ''

  });

  }

  });

  });

  }

  百度语音识别 REST API识别wav文件

  1、通过API Key和Secret Key获取的access_token

用微信小程序实现语音识别的详细教程

  通过API Key和Secret Key获取的access_token文档

  //speech.js

  speech.getAccessToken = function(){

  return new Promise(function (resolve, reject) {

  request({

  url: 'https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=(你自己的API key)&client_secret=(你自己的Secret Key)',

  method: 'get',

  headers: {

  'content-type': 'application/json'

  }

  }, function (error, response, data) {

  if (error){

  resolve({

  'result' : false,

  'msg' : '出现错误: ' + JSON.stringify(error)

  });

  }else {

  resolve({

  'result' : true,

  'msg' : data

  });

  }

  });

  });

  }

  2、通过token 调用百度语音识别 REST API识别接口

  //speech.js

  speech.recognize = function(base64String, size){

  return new Promise(function (resolve, reject) {

  request({

  url: 'http://vop.baidu.com/server_api',

  method: 'post',

  headers: {

  'content-type': 'application/json'

  },

  // len + speech方式

  body: JSON.stringify({

  "format":"wav",

  "rate":16000,

  "channel":1,

  "token":'(你的token)',

  "cuid":"9e:eb:e8:d4:67:00",

  "len":size,

  "speech":base64String

  })

  //url + callback方式

  //body: JSON.stringify({

  // "format":"wav",

  // "rate":16000,

  // "channel":1,

  // "token":'(你的token)',

  // "cuid":'9eebe8d46700',

  // "url":'http://ihealth-wx.s1.natapp.cc/download?name=123.wav',

  // "callback":'http://ihealth-wx.s1.natapp.cc/callback'

  //})

  }, function (error, response, data) {

  if (error){

  resolve({

  result : false,

  msg : '出现错误: ' + JSON.stringify(error)

  });

  }else {

  resolve({

  result : true,

  msg : data

  });

  }

  });

  });

  }

  3、语音识别优化

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序通过api接口将json数据展现到小程序示图片】

    微信小程序通过api接口将json数据展现到小程序示图片】

    2017-08-28 09:00

  • 微信小程序视频教程(零基础实战培训)

    微信小程序视频教程(零基础实战培训)

    2017-07-10 13:06

  • 小程序介绍、部署、app.json

    小程序介绍、部署、app.json

    2017-07-09 08:02

  • 微信小程序教程五:配置app.json

    微信小程序教程五:配置app.json

    2017-05-30 16:00

网友点评