千家信息网

微信小程序如何实现录音和播放录音的开发

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要介绍了微信小程序如何实现录音和播放录音的开发,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。关于微信小程序录音与播放录音的开
千家信息网最后更新 2026年11月03日微信小程序如何实现录音和播放录音的开发

这篇文章主要介绍了微信小程序如何实现录音和播放录音的开发,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

  关于微信小程序录音与播放录音的开发,小程序中提供了两种录音的API。

  旧版录音功能

  首先启动录音,然后停止录音即可拉到音频的临时地址

  启动录音:

  var that = this;

  wx.startRecord({

  success: function (res) {

  // 调用了停止录音接口就会触发这个函数,res.tempFilePath为录音文件临时路径

  var tempFilePath = res.tempFilePath

  that.setData({

  src: tempFilePath

  })

  },

  fail: function (res) {

  //录音失败的处理函数

  }

  })

  停止录音:

  wx.stopRecord()

  播放录音:

  wx.playVoice({

  filePath: src // src可以是录音文件临时路径

  })

  新版录音

  获取全局唯一的录音管理器,然后录音都依赖他,而播放录音则需要内部 audio 上下文 innerAudioContext 对象。

  获取全局唯一的录音管理器:

  var that = this;

  this.recorderManager = wx.getRecorderManager();

  this.recorderManager.onError(function(){

  // 录音失败的回调处理

  });

  this.recorderManager.onStop(function(res){

  // 停止录音之后,把录取到的音频放在res.tempFilePath

  that.setData({

  src: res.tempFilePath

  })

  console.log(res.tempFilePath )

  });

  开始录音:

  this.recorderManager.start({

  format: 'mp3' // 如果录制acc类型音频则改成aac

  });

  结束录音:

  this.recorderManager.stop()

  播放音频:

  this.innerAudioContext = wx.createInnerAudioContext();

  this.innerAudioContext.onError((res) => {

  // 播放音频失败的回调

  })

  this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径

  this.innerAudioContext.play()

感谢你能够认真阅读完这篇文章,希望小编分享的"微信小程序如何实现录音和播放录音的开发"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

音频 程序 篇文章 开发 路径 全局 函数 文件 处理 管理 上下 上下文 价值 兴趣 功能 可拉 同时 地址 对象 接口 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技产业 河南真二互联网科技有限公司 互联网巨头反垄断金融科技 互联网下的科技发展 西安互联网科技公司 北京禾田雨橡互联网科技 融势互联网科技 互联网科技公司做什么 天扬科技互联网广告 海南购全球互联网科技 互联网对科技的发展 宜昌元轩互联网科技有限公司 互联网媒体平台算高科技产业 佛山市翊博互联网络科技有限公司 无锡工业互联网科技有限公司 国大互联网教育科技有限公司薪资 众安科技工业互联网合作 广州千川互联网科技有限公司 互联网科技融合创新 上海万顺科技互联网有限公司招聘 新华互联网科技 深圳恒合互联网络科技有限公司 工业互联网科技新基建 电子科技大学互联网 长亮科技 互联网金融 左右互联网络科技 晓花互联网科技有限公司网址 卓翼科技产业互联网合作 唐山双旺合互联网科技产业园 陕西彩京云互联网科技有限公司
0