云诺说 - 小程序定制 - 广告营销
当前位置: 微信小程序 > 微信小程序录音功能的实现

微信小程序录音功能的实现

2019-11-05 03:46 分类:微信小程序 作者:云诺 阅读(324)

版权声明:本文为博主原创文章,如果转载请给出原文链接:http://doofuu.com/article/4156194.html

最近在做自己的博客云诺说小程序,项目除了平常文章信息展示和评论之外,还多了一项录音功能。开发了很多的小程序基本都没有这个小程序录音功能,毕竟没写过,想着之前开发小程序分享海报时候好像踩了不少坑,所有担心这次也会遇到很多坑。有文档就不怕,不过,真上手发现也没那么困难。

开发前当然是瞧瞧与小程序录音功能的官方开发文档呗,主要api就是下面这几个

QQ截图20191105152408.jpg


其中RecorderManager是全局唯一的录音管理器,也是最重要的,比如要录音,首先得要全局环境中创建一个音频管理器。

let rm = wx.getRecorderManager();

创建好录音管理器后,就可以开始录音了。当然,录音是需要获得权限了,同意授权就可以了。

开始录音

let option = {
    duration:20000,     //录音的时长限制(毫秒)
    format:'mp3',      //录音的格式,有aac和mp3两种   
}
    rm.start(option);//开始录音 
    rm.onStart(()=>{
        console.log('录音开始触发的事件')
        }
})
options里其实可以配置很多参数,这里只用到了时间和格式。具体请参考官方文档。


暂停录音

rm.pause();
rm.onPause(()=>{
    console.log('录音暂停触发的事件')
})


录音完成

rm.stop();
rm.onStop((res)=>{
    console.log(res)//录音完成,这里是必须写完成事件的,因为录音的信息都在res里面。
    //例如
    res.tempFilePath;//是临时的文件地址
    res.duration;//录音的时长
    res.fileSize;//文件的大小
})

整个录音过程在这里其实就算是完成了,对于最后的录音结果是保存在本地还是上传到服务器都很简单了。

是不是很简单?几行代码就搞定了! 微信小程序录音功能实现就写到这里吧!天气真好,出去转转~

 

祝生活愉快!

「创作不易,你的支持是本站持续更新最大的动力!」

赞(0) 打赏

谢谢你请我喝奶茶*^_^*

支付宝
微信
1

谢谢你请我喝奶茶*^_^*

支付宝
微信

上一篇:

下一篇:

共有 0 条评论 - 微信小程序录音功能的实现

博客简介

云诺说是一个致力于分享互联网编程技术交流、小程序开发、小程序源码分享、网络推广引流服务、推荐优质的引流渠道、广告开户、竞价推广等行业的IT技术网站,希望你能在本站得到你所需要的信息。

Q Q :2730094141

微信 :LGY17666

职业 :小程序开发、网络推广

现居 :广东省-广州市-天河区

友情链接

欢迎与本博客交换友情链接,本博客对交换链接的网站没有要求。如果您是本博客的友情链接网站,在遇到网站运行问题时,可以随时联系,我们将免费提供技术类支持! 申请交换友链

站点统计

  • 文章总数:109 篇
  • 草稿数目:0 篇
  • 分类数目:14 个
  • 独立页面:119 个
  • 评论总数:0 条
  • 访问总量: 86942次
  • 最近更新:2020年10月01日