评论

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

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

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

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
收藏
评论

20 个评论

  • y
    y
    2022-10-26

    你好,readyForXF这个方法做了哪些事呢,没看到源码

    2022-10-26
    赞同 2
    回复 1
    • Mr.G
      Mr.G
      2023-01-06
      就是调用startUpRecord,我自己多包了一层。
      2023-01-06
      回复
  • 苏玉涛
    苏玉涛
    10-20

    toBase64,这个函数能提供下吗?

    


    10-20
    赞同
    回复 1
    • Mr.G
      Mr.G
      10-27
      10-27
      回复
  • 我的网名十二位不信你数数
    我的网名十二位不信你数数
    07-18

    recorderManager is not defined recorderManager 从哪里定义啊

    07-18
    赞同
    回复 1
    • Mr.G
      Mr.G
      10-18
      const recorderManager = wx.getRecorderManager()  你在Page{}外面自己初始化一下就好
      10-18
      回复
  • 疯狂的铲
    疯狂的铲
    07-15

    pc端无法使用,onFrameRecorded不触发的问题有遇到吗

    07-15
    赞同
    回复 1
    • Mr.G
      Mr.G
      10-18
      没遇到过,是不是没给录音权限
      10-18
      回复
  • Άδης
    Άδης
    06-28

    楼主,你有没有在小程序对结果实时语音转写?位深度这些怎么设置?

    06-28
    赞同
    回复 1
    • Mr.G
      Mr.G
      10-18
      没有做过语音转写,不过你看官方文档应该有相关说明
      10-18
      回复
  • 善悪~真実
    善悪~真実
    03-22

    大佬,想请教一下,用npm安装的crypto-js xmldom模块引入不会报错吗,我按你的方法引入之后就显示

    无法找到模块“xmldom”的声明文件。“C:/Users/Administrator/WeChatProjects/miniprogram-15/node_modules/.store/xmldom@0.6.0/node_modules/xmldom/lib/dom-parser.js”隐式拥有 "any" 类型。

    这种是怎么解决的呢

    03-22
    赞同
    回复 1
    • Mr.G
      Mr.G
      03-25
      微信小程序使用npm安装库的话,还要用小程序工具构建一遍,你看看官方文档,有教程
      03-25
      回复
  • 骑着乌龟去看海
    骑着乌龟去看海
    03-08
    这里为什么要读audioDataUp[0],toBase64函数可以贴出来吗
    


    03-08
    赞同
    回复 1
    • Mr.G
      Mr.G
      03-25
      audioDataUp = audioData.splice(0, 1) 每次都把数据切了一个单位,每次读第0位,相当于每次按数组顺序读取并传一个单位的数据
      03-25
      回复
  • liwenh
    liwenh
    01-30

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

    01-30
    赞同
    回复 1
    • 清晨
      清晨
      01-30
      试试aac格式呢
      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
      03-25
      估计是参数或者格式不合适,再调一下,要用真机测试才有正确结果
      03-25
      回复

正在加载...

登录 后发表内容