晓想演示代码分析系列《三》i 索引页面

原计划是要做一个当用户点击录制按钮时波纹滚动的效果由于微信context.drawImage问题移动支付广告由于微信context.drawImage问题所以暂时搁置。

这个页面要考虑到的问题：

需要记录开始录音的时间以及停止录音的时间来计算出录音时长。

在录音过程中我们需要动态的向用户显示时间就像一个时钟一样。以告诉用户他录了多久的语音。

有三个信息需要存储一是语音的临时地址我们需要在finish页面播放语音并且上传到服务器
二是durationTime也就是语音的时长单位时毫秒这个也是需要上传到服务器的最后一个是stringTime 主要是为了在用户进入finish页面时能一眼看到自己的语音有多长时间。

解决思路：

在 wx.startRecord 时调用New Date().getTime()来获得开始时间在 wx.stopRecord 时调用New Date().getTime()来获得结束时间这样就能计算录音时长 durationTime不过这个单位时毫秒数。

这个就很简单了用一下setData({})就可以实现了。

首先我们需要将毫秒数转化为秒然后调用 NumberToTime 这个函数最后我们还需要用到递归。

这里涉及到一个页面间通信的问题我在这里用app的全局变量来实现。

下面看源代码流量转化我在这里用app的全局变量来实现。

下面看源代码我会在源代码加上更多的注释这样就会清晰的多

标签： 录音这个时间需要