微信小程序录音机开发实例：音频播放与动画展示(可在真机上运行)

简介：
本项目提供了一个可以在微信小程序中运行的录音机实例，用户不仅能录制和播放音频文件，还能欣赏到同步变化的精美动画效果。 趁着周末我用微信小程序制作了一个简易录音机，并与大家分享，请大家批评指正！先来看几张图。 1. 刚开始页面没有加载音频列表，只需将代码稍微调整一下即可。 2. 当按住录音按钮时会显示麦克风图标，中间的麦克风使用帧动画实现。具体来说就是通过JavaScript控制图片的显示和隐藏来完成这一效果。这里要特别提到的是关于录音功能：微信提供的录音API在录音时间过短的情况下会导致录制失败，因此需要对这种情况进行处理。与微信语音一样，该小程序也限制了60秒的最长录音时长。 3. 我是在用户完成录音后才加载音频列表，在下面这张图中可以看到从微信存储文件里获取到的信息包括储存路径、创建时间和文件大小等信息。需要注意的是这里的文件可能不只是音频类型，我在实现过程中也没有对此进行额外判断。