vue获取麦克风_vue实现录音功能js-audio-recorder

前言：

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

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

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

官方案例入口：点我

官方源码git入口：点我

实现步骤：

cnpm i js-audio-recorder --s

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

cnpm install lamejs --s

三：附上实现源码：

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

获取麦克风权限

开始录音

继续录音

暂停录音

结束录音

录音播放

暂停录音播放

恢复录音播放

停止录音播放

获取录音信息

下载PCM

下载WAV

下载MP3

销毁录音

import Recorder from 'js-audio-recorder'

const lamejs = require('lamejs')

const recorder = new Recorder({

sampleBits: 16, // 采样位数，支持 8 或 16，默认是16

sampleRate: 48000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000

numChannels: 1, // 声道，支持 1 或 2， 默认是1

// compiling: false,(0.x版本中生效,1.x增加中) // 是否边录边转换，默认是false

})

// 绑定事件-打印的是当前录音数据

recorder.onprogress = function(params) {