小程序实现发语音功能语音转文字

最新推荐文章于 2024-05-16 09:45:10 发布

克里斯前端

最新推荐文章于 2024-05-16 09:45:10 发布

阅读量1k

点赞数 7

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_25203915/article/details/134932545

版权

微信同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

小程序

4 篇文章 0 订阅

订阅专栏

小程序实现发语音功能语音转文字

小程序后台设置进入后台点击设置-》选择第三方设置—》点击添加插件-》搜索微信同声传译-》记录appid和版本号（后面会用到）

在这里插入图片描述

app.json中引入

  "plugins":{
    "WechatSI": {
      "version":"0.3.5",
      "provider":"wx066d99"
    }
  }

编写代码

wxml

  <input wx:if="{{currentInputType}}" class="input" bindinput="onInput" placeholder="请输入消息" value="{{inputValue}}" />
       <view wx:else class="voicebox" bindtouchstart="touchStart" bindtouchend="touchEnd">{{!recordState?'按住  说话':'松开  结束'}}</view>

//引入插件：微信同声传译
const plugin = requirePlugin('WechatSI');
//获取全局唯一的语音识别管理器recordRecoManager
const manager = plugin.getRecordRecognitionManager();

//识别语音 -- 初始化
   initRecord: function () {
    const that = this;
    // 有新的识别内容返回，则会调用此事件
    manager.onRecognize = function (res) {
      console.log(res)
    }
    // 正常开始录音识别时会调用此事件
    manager.onStart = function (res) {
      console.log("成功开始录音识别", res)
    }
    // 识别错误事件
    manager.onError = function (res) {
      console.error("error msg", res)
    }
    //识别结束事件
    manager.onStop = function (res) {
      console.log('..............结束录音')
      console.log('录音临时文件地址 -->' + res.tempFilePath); 
      console.log('录音总时长 -->' + res.duration + 'ms'); 
      console.log('录音总时长 -->' + Math.round(res.duration/1000) + 's'); 
      console.log('文件大小 --> ' + res.fileSize + 'B');
      console.log('语音内容 --> ' + res.result);
      if (res.result == '') {
        wx.showModal({
          title: '提示',
          content: '听不清楚，请重新说一遍！',
          showCancel: false,
          success: function (res) {}
        })
        return;
      }
    }
  },
  //语音  --按住说话
  touchStart: function (e) {
    const that=this;
    if(!that.data.isAgreeMic){
      that.checkRecordPermission();
      return;
    }
    that.startVoice();
  },
  startVoice(){
    const that=this;
    wx.showLoading({
      title: '录音中',
    })
    that.setData({
      recordState: true  //录音状态
    })
    // 语音开始识别
    manager.start({
      lang: 'zh_CN',// 识别的语言，目前支持zh_CN en_US zh_HK sichuanhua
    })
  },
  //语音  --松开结束
  touchEnd: function (e) {
    wx.hideLoading()
    this.setData({
      recordState: false
    })
    // 语音结束识别
    manager.stop();
  },