微信小程序怎么实现录音与播放录音功能
发表于: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安全错误
数据库的锁怎样保障安全
互联网金融监管科技数据
鸠鸠互联网科技
中资互联网科技
上海互联网科技有限公司
互联网 科技创业
广州宏创互联网科技
致聘互联网科技
互联网养老 桔豆科技
互联网科技股有哪些
互联网巨头投资的硬核科技
山东吉时兔互联网科技有限公司
成都玖崟互联网科技有限公司乐商圈怎么样
黑科技闪耀互联网之光
互联网新科技动漫ppt素材
为客找房互联网科技公司怎么样
美国互联网科技实力
杭州披云加互联网科技有限公司
从那以后互联网科技有限公司
九思连强互联网电子科技有限公司
瑞安市蟠桃会互联网科技有限公司
什么是科技互联网
美国互联网科技
齐家互联网科技有限公司
互联网科技中介
金融科技与互联网金融相同和不同
允成互联网科技有限公司融资
互联网科技创新的路径
明优互联网科技有限公司
杭州披云加互联网科技有限公司
深圳互联网科技园地址