vue实现录音功能js-audio-recorder

前言：

        因为业务需要，现在将整理的录音功能资料记录下，使用插件js-audio-recorder

实现效果：可得到三种录音数据，pcm,wav,mp3 等

官方api入口：点我(网不好的童鞋可以看最下面的api截图)

官方案例入口：点我

官方源码git入口：点我

实现步骤：

一：安装插件 js-audio-recorder

cnpm i js-audio-recorder --s

二：安装将格式转换为mp3的插件 lamejs

cnpm install lamejs --s

三：附上实现源码：

提示：慎用自身的这个监听事件，可以拿到数据，但是每秒拿到的数据非常多

1. <template>

2. <div class="home" style="margin:1vw;">

3. <Button type="success" @click="getPermission()" style="margin:1vw;">获取麦克风权限</Button>

4. <br/>

5. <Button type="info" @click="startRecorder()" style="margin:1vw;">开始录音</Button>

6. <Button type="info" @click="resumeRecorder()" style="margin:1vw;">继续录音</Button>

7. <Button type="info" @click="pauseRecorder()" style="margin:1vw;">暂停录音</Button>

8. <Button type="info" @click="stopRecorder()" style="margin:1vw;">结束录音</Button>

9. <br/>

10. <Button type="success" @click="playRecorder()" style="margin:1vw;">录音播放</Button>

11. <Button type="success" @click="pausePlayRecorder()" style="margin:1vw;">暂停录音播放</Button>

12. <Button type="success" @click="resumePlayRecorder()" style="margin:1vw;">恢复录音播放</Button>

13. <Button type="success" @click="stopPlayRecorder()" style="margin:1vw;">停止录音播放</Button>