微信小程序录音麦克风动画效果如何实现？

本文共计636个文字，预计阅读时间需要3分钟。

前言：这个简单的马克杯demo的创意来源于包你说话中的录音效果，实现的方式其实也不难，但对于小程序中简易动画的使用来说非常实用。

效果：先来看一下demo，gif帧数比较低，但实际效果很好。

前言

这个简单的麦克风demo的创意是来源于“包你说”中的录音效果，实现的方式其实也并不难，但对于小程序中的简易动画的使用的确很实用。

效果

先来看个demo，gif帧数比较低，实际效果和真机测试的流畅性还是很OK的

思路

通过setTimeout配合this.sedData来改变image中的src路径来生成动画。动画的播放以及隐藏则通过wx:if绑定一个自定义的参数来控制。下面就直接上代码。