小程序录音后播放wx.createInnerAudioContext停止事件坑

最新推荐文章于 2023-03-13 17:06:00 发布

冰墩墩1

最新推荐文章于 2023-03-13 17:06:00 发布

阅读量1.5w

点赞数 4

分类专栏： css3 微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_40024174/article/details/79015665

版权

本文作者分享了在小程序中进行录音及播放操作时遇到的停止事件问题，总结了经验教训，旨在为正在进行录音功能开发的开发者提供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近被小程序的录音->播放坑惨了，赶紧总结下，希望对正在做录音事件的小伙伴们有帮助

//开始录音
startRecord:function(){
    var that = this;
    const recorderManager = wx.getRecorderManager()
    const options = {
      duration: 6000,
      sampleRate: 44100,
      numberOfChannels: 1,
      encodeBitRate: 192000,
      format: 'mp3',
      frameSize: 2048
    }
    wx.setStorageSync('hasRecord', "1");

    //修改状态为录音中...
    that.setData({
      status: 2,
      recordingShow: "block",
      statusShow: "none",
      startSrc: app.globalData.url + "ear.png",
    })
    //录音开始
    recorderManager.start(options);
    setTimeout(function () {
      console.log("6秒后进入自动停止录音");
      wx.showLoading({
        title: '评分中',
      })
      that.setData({
        showCover: "block",
      })
      recorderManager.stop();
      //获取录音文件
      recorderManager.onStop((res) => {
        const tempFilePath = res
        console