微信小程序--------语音识别（前端自己也能玩）

Bertha 。 2022-03-07 03:56 855阅读 0赞

**一、背景**

作为一名前端同学有时候感觉挺可怜的，复杂的操作都依赖后端同学在服务器端完成。那么，有一天我们自己想玩一个新技术或者后端同学不搭理我们，怎么办？绝望中.....

**二、小程序语音识别**

接到这个需求，我们明确两个问题：

1.  小程序录音支持什么格式

由小程序文档可知：只支持 mp3格式和 aac格式  
[微信小程序录音文档][Link 1]  
![clipboard.png][]

1.  科大讯飞平台需要什么格式的音频  
    支持的格式 pacm或者wav， speex和 speex-web 格式  
    [科大讯飞语音听写api][api]

![clipboard.png][clipboard.png 1]

**3. 目标 将小程序的录音转为 科大讯飞能识别的音频格式**

import Mp3 from '@/utils/js-mp3/decode'
      import { md5 } from '@/utils/md5.js'
      import pcm from 'pcm-util'
    录音
        // 获取录音权限
        this.getRecordAuth()
        // 获取录音对象
        const that = this;
        this.recorderManager = wx.getRecorderManager()
        this.recorderManager.onStart(() => {
          console.log('recorder start')
        })
        // 录音的格式参数
         const options = {
          duration: 11000,
          sampleRate: 32000,
          numberOfChannels: 1,
          encodeBitRate: 64000,
          format: 'mp3',
          frameSize: 6
        }
        this.recorderManager.start(options)
        this.recorderManager.onStop(res => {
          const tempFilePath = res.tempFilePath
          that.duration = res.duration
          const fs = wx.getFileSystemManager()
          console.log('record stop')
          console.log(res)
          // 从临时文件中读取音频
          fs.readFile({
            filePath: tempFilePath,
            success (res) {
              console.log('read success')
              that.mp3ToPcm(res.data)
            },
            fail (e) {
              console.log('read fail')
              console.log(e)
            }
          })
        })
    
    
    转格式
    mp3ToPcm (mp3AB) {
        var that = this
        var decoder = Mp3.newDecoder(mp3AB)
        var pcmArrayBuffer = decoder.decode()
        // 和录音的格式一样
        const fromFormat = {
          channels: 1,
          sampleRate: 32000,
          interleaved: true,
          float: false,
          samplesPerFrame: 1152,
          signed: true
        }
        // 目标音频的格式
        const toFormat = {
          channels: 1,
          sampleRate: 16000,
          bitDepth: 8,
          interleaved: true,
          float: false,
          samplesPerFrame: 576,
          signed: true
        }
        var pcmAB = pcm.convert(pcmArrayBuffer, fromFormat, toFormat)
        const base64 = wx.arrayBufferToBase64(pcmAB)
        var millTime = (new Date().setMilliseconds(0) / 1000) + ''
        /** 调用科大讯飞平台的语音识别
            请求参数都是自己申请应用的参数
        */
        wx.request({
          url: 'http://api.xfyun.cn/v1/service/v1/iat',
          method: 'POST',
          data: {
            audio: base64
          },
          header: {
            'X-Appid': '5be4162d',    
            'X-CurTime': millTime,
            'X-Param': 'eyJlbmdpbmVfdHlwZSI6ICJzbXMxNmsiLCJhdWUiOiAicmF3In0=',
            'X-CheckSum': md5('b243cb9e1ea9d9eb40847967a8ebeef2' + millTime + 'eyJlbmdpbmVfdHlwZSI6ICJzbXMxNmsiLCJhdWUiOiAicmF3In0='),
            'content-type': 'application/x-www-form-urlencoded' // 默认值
          },
          success (res) {
            console.log('turn success')
            console.log(res)
            console.log(res.data)
          },
          fail: function (res) {
            console.log('turn fail')
            console.log(res)
          }
        })
      }
    },

注意：

1.  首先在科大讯飞平台申应用[申请应用][Link 2]
2.  请求参数的文档[语音识别的接口文档][api]
3.  录音一定在真机上测试，模拟器不行

[js-mp3][]  
[pcm工具包][pcm]

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/api/RecorderManager.start.html
[clipboard.png]: /images/20220307/b127fab3ff844de190c5ef864efc3196.png
[api]: https://doc.xfyun.cn/rest_api/%E8%AF%AD%E9%9F%B3%E5%90%AC%E5%86%99.html
[clipboard.png 1]: /images/20220307/07e89294aa034fc6a7ad3c579d6144d6.png
[Link 2]: https://console.xfyun.cn/app/myapp?currPage=1&keyword=
[js-mp3]: https://github.com/soundbus-technologies/js-mp3
[pcm]: https://github.com/audiojs/pcm-util