评论

微信小程序使用科大讯飞语音评测,保姆级教程!

小程序调用科大讯飞语音评测功能,保姆级教程!一次到位!

最近微信小程序项目中,需要添加语音评测功能,就选用了科大讯飞的语音评测流式版接口,但在使用过程中,遇到了很多问题,再网上搜资料,搜了好多,也没直接能用的,好在后来参考了许多资料后,终于调试成功了,接下来,跟大家分享一下我是怎么处理的。

1.第一步,准备所用到的工具,下载官方jsdemo,将 base64js 文件复制到自己的小程序项目中,用npm安装crypto-js xmldom这2个工具

然后,将工具导入到页面中

const CryptoJS = require('crypto-js')
const Base64 = require('../../tools/base64js').Base64;
var DOMParser = require('xmldom').DOMParser;


2.第二步,初始化用到的变量,定义用到的关键函数

const APPID = '替换成你自己的'
const API_SECRET = '替换成你自己的'
const API_KEY = '替换成你自己的'

let audioData = [] //存储音频流的数组
let socketTask = null //小程序的socketTask
let handlerInterval = null // 定时器,用来定时发送数据流


function getWebSocketUrl() {//生成socket使用的url
return new Promise((resolve, reject) => {
    var url = 'wss://ise-api.xfyun.cn/v2/open-ise'
    var host = 'ise-api.xfyun.cn'
    var apiKey = API_KEY
    var apiSecret = API_SECRET
    var date = new Date().toGMTString()
    var algorithm = 'hmac-sha256'
    var headers = 'host date request-line'
    var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v2/open-ise HTTP/1.1`
    var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, apiSecret)
    var signature = CryptoJS.enc.Base64.stringify(signatureSha)
    var authorizationOrigin = `api_key="${apiKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`
    var authorization =Base64.encode(authorizationOrigin)
    url = `${url}?authorization=${authorization}&date=${date}&host=${host}`
    resolve(url)
  })
}

3.开始录音

//开始录音
  startVoiceRecord(){
    let that = this
    that.setData({recordState:'recording'})
    recorderManager.onStart(() => {
      console.log('recorder start')
    })
    recorderManager.onPause(() => {
      console.log('recorder pause')
    })
    recorderManager.onStop((res) => {
      console.log('recorder stop', res)
      const { tempFilePath } = res
      that.startUpRecord()//录音完成,准备调用讯飞接口
    })
    recorderManager.onFrameRecorded((res) => {
      const { frameBuffer } = res
      console.log('frameBuffer.byteLength', frameBuffer.byteLength)
      let u8Arr = new Uint8Array(frameBuffer)
      audioData.push(u8Arr) //将每一帧的数据取出,放到audioData中,准备使用
    })
    
    const options = {
      duration: 180000,
      sampleRate: 16000,
      numberOfChannels: 1,
      encodeBitRate: 44100,
      frameSize: 2,
      format: 'pcm',
    }
    recorderManager.start(options)
  },

4. 开始socket连接,准备上传数据并处理

startUpRecord(){
    let that = this
    getWebSocketUrl().then(( url)=>{
      let newURL = encodeURI(url)
      socketTask = wx.connectSocket({
        url: newURL,
      })
      socketTask.onOpen(()=>{
        console.log('打开了socket')
        that.webSocketSend()
      })
      socketTask.onMessage((e)=>{
        // result 在这里做信息处理
        console.log('收到了结果:',e)
        that.result(e.data)
      })
      socketTask.onError((err)=>{
        //结束录音
        console.log('socket 出错:',err)
      })
      socketTask.onClose(()=>{
        // 结束录音
        console.log('socket 关闭:')
      })
    })
  },

webSocketSend() {
    console.log('开始发送数据',audioData)
    let that = this
    let audioDataUp = audioData.splice(0, 1)
    var params = {
      common: {
        app_id:APPID,
      },
      business: {
        category: 'read_sentence', // read_syllable/单字朗读,汉语专有 read_word/词语朗读  read_sentence/句子朗读 https://www.xfyun.cn/doc/Ise/IseAPI.html#%E6%8E%A5%E5%8F%A3%E8%B0%83%E7%94%A8%E6%B5%81%E7%A8%8B
        rstcd: 'utf8',
        group: 'pupil',
        sub: 'ise',
        ent: 'cn_vip',
        tte: 'utf-8',
        cmd: 'ssb',
        auf: 'audio/L16;rate=16000',
        aus: 1,
        aue: 'raw',
        text: '\uFEFF' +  '今天天气怎么样?'
      },
      data: {
        status: 0,
        encoding: 'raw',
        data_type: 1,
        data: that.toBase64(audioDataUp[0]),
      },
    }
    console.log(JSON.stringify(params))
    socketTask.send({data: JSON.stringify(params)})
    handlerInterval = setInterval(() => {
      // websocket未连接
      if (!socketTask) {
        clearInterval(handlerInterval)
        return
      }
      // 最后一帧
      if (audioData.length === 0) {
          console.log('数据发送完毕')
          socketTask.send(
            {data:
            JSON.stringify({
              business: {
                cmd: 'auw',
                aus: 4,
                aue: 'raw'
              },
              data: {
                status: 2,
                encoding: 'raw',
                data_type: 1,
                data: '',
              },
            })}
          )
          audioData = []
          clearInterval(handlerInterval)
        
        return false
      }
      audioDataUp = audioData.splice(0, 1)
      // 中间帧
      console.log('audioDataUp:',audioDataUp[0])
      socketTask.send(
        {
          data:
        JSON.stringify({
          business: {
            cmd: 'auw',
            aus: 2,
            aue: 'raw'
          },
          data: {
            status: 1,
            encoding: 'raw',
            data_type: 1,
            data: that.toBase64(audioDataUp[0]),
          },
        })}
      )
    }, 40)
  },
  result(resultData) {
    // 识别结束
    let jsonData = JSON.parse(resultData)
    if (jsonData.data && jsonData.data.data) {
      let data = Base64.decode(jsonData.data.data)
      const doc=new DOMParser().parseFromString(data,'text/xml');
      let sentence = doc.getElementsByTagName('read_sentence')[1]
      
      let accuracy_score = sentence.getAttribute('accuracy_score')
      let emotion_score = sentence.getAttribute('emotion_score')
      let fluency_score = sentence.getAttribute('fluency_score')
      let total_score = sentence.getAttribute('total_score')
      let integrity_score = sentence.getAttribute('integrity_score')
      let phone_score = sentence.getAttribute('phone_score')
      let tone_score = sentence.getAttribute('tone_score')
      let is_rejected = sentence.getAttribute('is_rejected')
      
      console.log('parseRes:',accuracy_score,emotion_score,fluency_score,total_score)
     //评测结果在这里,就出来了,然后就可以拿评测数据去使用了

    }
    if (jsonData.code === 0 && jsonData.data.status === 2) {
      // 在这里结束socket
      socketTask.close()
    }
    if (jsonData.code !== 0) {
      socketTask.close()
      console.log(`${jsonData.code}:${jsonData.message}`)
    }
  },


到这里,整个流程就完了,祝愿大家都能一次调用成功,有什么问题的话,咱们再讨论!

最后一次编辑于  2023-06-13  
点赞 6
收藏
评论

25 个评论

  • liwenh
    liwenh
    2024-01-30

    你好,pcm请问格式录音可以转mp3吗,真机上面播放不了pcm。如果format是mp3的格式。讯飞识别时间就很长。

    2024-01-30
    赞同
    回复 1
    • 清晨
      清晨
      2024-01-30
      试试aac格式呢
      2024-01-30
      回复
  • skyatt
    skyatt
    2023-11-01

    在真机调试上会报exception onOpen fail code:20, msg:Invalid HTTP status是什么问题呢


    2023-11-01
    赞同
    回复 1
  • Lhy  
    Lhy 
    2023-10-30

    你好,请问你调科大讯飞的评测接口有时不时返回结果"is_rejected": "true" "except_info": "28676"吗,我们有时候会返回这个结果,文档上说是录音为乱说类型,但是我们听保存的音频是没问题的?

    2023-10-30
    赞同
    回复 1
    • Mr.G
      Mr.G
      2024-03-25
      估计是参数或者格式不合适,再调一下,要用真机测试才有正确结果
      2024-03-25
      回复
  • 微笑的你
    微笑的你
    2023-09-25

    你好,问下返回结果中的xml中文部分是乱码,你们有没有遇到这种情况啊?

    2023-09-25
    赞同
    回复 1
    • Mr.G
      Mr.G
      2024-03-25
      乱码是不是因为你没解码啊
      2024-03-25
      回复
  • xiaofengxyz
    xiaofengxyz
    2023-09-11

    你好,访问科大讯飞的地址不会报错:“不在以下 socket 合法域名”吗?不需要配置安全域名?

    2023-09-11
    赞同
    回复 1
  • Steven
    Steven
    2023-07-27

    您好,为什么参数business和data的结构与官网webapi文档中完全不一样,关键是我试了一下还能跑通,这些参数有什么文档介绍一下每个参数的作用吗?另外,business参数中的text: '\uFEFF' +  '今天天气怎么样?'起什么作用?

    2023-07-27
    赞同
    回复 1
    • Mr.G
      Mr.G
      2023-08-09
      应该是不同场景,参数要求有些许差异,或者说api更新了,这个功能做好之后就没看过api了,一般都是兼容老api的,所以能跑通,text里的文本,是语音评测的文本内容,英语,汉语识别,参数略微有差异,可以根据官方文档调整
      2023-08-09
      回复
  • redamancy
    redamancy
    2023-06-15

    请问开发版本和真机调试的时候recorderManager.start(options)麦克风都能调用起来,到线上就不行了,麦克风权限返回也是true,这是什么原因

    2023-06-15
    赞同
    回复 1
    • Mr.G
      Mr.G
      2023-07-04
      要在小程序提交审核的时候,声明一下麦克风权限
      2023-07-04
      回复
  • 🌵
    🌵
    2023-06-01

    这里只有开始录音,需要写一个结束录音吗?点击之后就一直再录音没有结束啊

    2023-06-01
    赞同
    回复 1
    • Mr.G
      Mr.G
      2023-06-13
      开始录音方法里,有给录音管理器设置回调
      recorderManager.onStop((res) => {
            console.log('recorder stop', res)
            const { tempFilePath } = res
            that.readyForXF()//录音完成,准备调用讯飞接口
          })
      2023-06-13
      回复
  • 空中飞人
    空中飞人
    2023-04-05
    我发现在真机上,new Date().toGMTString()这个参数建立socket连接的时候会报错。好像是URL格式不对
    
    2023-04-05
    赞同
    回复 1
    • Mr.G
      Mr.G
      2023-04-07
      let newURL = encodeURI(url) 你是不是没编码
      2023-04-07
      回复
  • 韩文博
    韩文博
    2023-02-17

    请问这个必须在真机环境下测试吗?我用了上面的代码在模拟器里试 能正常发送 但测评结果都是0


    2023-02-17
    赞同
    回复 1
    • Mr.G
      Mr.G
      2023-02-20
      是要连真机调试的,电脑上录的格式好像跟真机是不一样的,所以不出结果
      2023-02-20
      回复

正在加载...

登录 后发表内容