仿微信录音动画和录音功能的实现

2017-05-08 本文已影响336人编程的蚂蚁

根据公司项目需求，需要写一个图文直播的功能，实现老师和学生的在线互动环节，其中一个就是实现老师发语音的功能，说是要和微信的几乎一模一样，只是某一些做了改动。刚开始想着是在网上找找有没有轮子，这样就免去大把的时间，确实找到了一个功能很像的，我的这个demo用的也是他的大部分代码，但是看了他的代码，发现按钮写的并不是很好，要是在实际项目中使用起来的话会很难，于是又找了一个demo，仔细看了一下代码实现，发现这个按钮封装的确实不错，录音也实现了，但是动画实现的不太像，于是，我就下载他们的代码，取长补短，把他们的捏合到了一块，最终实现了类似微信的录音动画和录音功能。需要话可以下载下来看一下，有问题的可以在下方评论区进行提问。

1.有声音时候,声波能根据音量自动调整

2.向上滑动离开录音按钮时,显示取消发送

3.手指滑回到录音按钮时,继续录音

4.录音最大长度是60秒,达到50秒的时候,给出倒计时画面

...(总结一句话,向微信看齐)

写这个demo主要是想弄一个真正的实现微信录音的那样的效果，让和我一样需要这样需求的人能节省一点开发时间。喜欢❤️的话，不妨标记一下。