声明

1）本次小项目代码来源于杨杨学姐实验室授课内容。

2）博主是萌新上路，文中如有不当之处，请各位大佬指出，共同进步，谢谢。

主体

这个微信小程序较为简单，适用于新手入门，话不多说，上代码，

// pages/index/index.js
var tempFilePath = "" //用于保存临时音频文件地址
Page({/*** 录制音频*/record:function(){console.log("录制音频开始")//录制音频wx.startRecord({success: (res) => {tempFilePath = res.tempFilePath},})//自动停止录制,5000ms// setTimeout(function(){//   console.log("停止录制事件")//   wx.stopRecord({//     success: (res) => {},//   })// },5000)},/*** 结束录制*/stop:function(){console.log("结束录制事件")wx.stopRecord({success: (res) => {},})},/*** 暂停录制*/pauseVoice:function(){console.log("录制暂停")wx.pauseVoice({success: (res) => {},})},/*** 播放录制好的音频*/playRecord:function(){   wx.playVoice({filePath: tempFilePath,})
}
})

可以发现主要就是四个函数，

wx.startRecord，
wx.stopRecord，
wx.pauseVoice，
wx.playVoice，

通过这四个函数，实现了录制，结束，暂停以及播放录音的功能，

很简单，很有趣的微信小程序！

软件创新实验室：微信小程序开发——音频录制与播放相关推荐

微信小程序开发：一个音乐播放器
github源码地址花了点时间撸了个微信小程序,分两个部分,音乐播放界面和音乐列表. 总结一下遇到的问题 UI分4层,第一层背景高斯模糊,第二层灰色半透明蒙层,第三层播放器,第四层列表 css设置背 ...
微信小程序开发记录一，开发工具的使用
工欲善其事,必先利其器. 开发工具的下载> 1.微信开发者工具的下载: 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/downl ...
软件创新实验室：微信小程序开发——账号注册和APPID申请
文章目录声明账号注册 APPID申请声明 1)该文章部分内容整理自网上的资料,如不小心侵犯了大家的权益,还望海涵,并联系博主删除. 2)博主是萌新上路,文中如有不当之处,请各位大佬指出,共同进步 ...
微信小程序开发推进表_推进软件测试程序的最佳实践
微信小程序开发推进表 Software testing process is used to assess evaluate a product to see if it really meets t ...
在微信小程序开发软件中设置字体大小问题
我一开始接触微信小程序开发的时候,只是知道代码区的字体大小怎么调节(因为字体太小了,看得很累),于是我在网上查找方法想调节调试器那里的字体(字体太小看得很累).但是网上面都没有具体的方法,然后我就这样 ...
微信小程序开发语言一般有哪些？
微信小程序开发语言有哪些?小程序作为目前流行的编程开发和应用领域之一,受到市场的青睐.新手可能对小程序的开发完全困惑,不知道微信小程序开发语言一般有哪些,要用什么语言开发.下面让我们一起来看看. 一. ...
微信小程序开发入门实战
小程序注册流程 1.注册方法在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的"立即注册"按钮. 2.选择注册的帐号类型选择"小程序", ...
python开发微信小程序-Python 开发者的微信小程序开发实践
导读在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...
五大微信小程序开发IDE深度评测
微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维. api提示不全,要一个个查api啊,写代码超级慢啊很 ...
微信小程序开发与应用第一章微信小程序的基本知识1
1-1 第一章第一节微信小程序的基本知识1 文章目录前言一.注册一个小程序账号二.第一个微信小程序"Hello Wechat!" (一)准备工作 (二)页面介绍 (三)代 ...

软件创新实验室：微信小程序开发——音频录制与播放

文章目录

声明

主体

软件创新实验室：微信小程序开发——音频录制与播放相关推荐

最新文章

热门文章