vue里实现页面录音功能

vue里实现页面录音功能

经过项目实践总结到两个比较好用的录音依赖，是前辈已经封装好的。以下是两个依赖的链接(会说明两个的区别，可以选择适合自己的)

录音依赖1 网址      https://github.com/2fps/recorder
依赖1在线demo 网址      https://recorder.zhuyuntao.cn/
录音依赖2 网址     https://github.com/xiangyuecn/Recorder
依赖2在线demo网址      https://xiangyuecn.github.io/Recorder/

依赖1      README.md文件里面有比较详细的描述，包括封装的各种方法以及会用到的数据。
录音之后是wav格式的，我们知道wav格式的文件会比较大，同样的这个依赖录音之后的wav格式会使存放数据的blob对象size特别大。
依赖2      README.md里有使用方法，但是不太好用，可以使用的方法没有依赖1多。录音之后的数据直接是mp3格式的，size比较小

以上之所以强调了一下size的问题是我的项目里需要将录音数据传给后台，后台要处理，时间过长暂且不说，数据过大会出现413错误。

先说一下我的需求，然后再说一下我的选择。
因为需要有停止播放按钮，但是依赖2没有停止播放的方法，所以我选择了依赖1。
按照readme完全可以使用。(其实看readme.md就可以看出来依赖1非常简洁好用，很有条理)有什么问题留言一起交流。
项目完结之后我总结了一下，因为当时wav转mp3的时候用了很长的时间，我觉得如果直接选择依赖2可能会好一点。于是我在想是不是可以自己封装一个停止播放按钮。但是有一个发现让我觉得可能不用，因为H5的audio标签原来只有一个播放条和一个暂停按钮，然后很久之后再用audio标签发现后面多了一个可以点击的，点击之后发现是可以下载这个audio。于是去查了查audio标签，发现有很多H5就有的方法。
这个是暂停的方法，但是我的项目里的播放按钮是为了让用户之后自己有没有录到声音，不严格的话其实用户不想继续听暂停也是一样的效果，其实这个在我的项目里就可以用了。
有时间可以尝试一下。