浏览器录音功能 Recorder

关键内容纪要

下载

yarn add recorder-core --save

引用

import Recorder from 'recorder-core'
import 'recorder-core/src/engine/mp3'
import 'recorder-core/src/engine/mp3-engine'

使用步骤

只有开启进程,才可以进行开始录音,停止录音,页面离开或者销毁需要调用关闭录音进程

// 创建录音对象
const oRecorder = Recorder({
  type: 'mp3',
  bitRate: 16,
  sampleRate: 16000
})
// 开启录音进程
oRecorder.open(function () {
 // 同意授权
}, function (err: any) {
  // 拒绝授权
})
// 关闭录音进程
oRecorder.close()

// 操作
// 开始录音
oRecorder.start()
// 停止录音
oRecorder.stop((blob: any) => {
  if (_back) {
    _back({ file: blob })
  }
}, (msg: any) => {
  if (_back) {
    _back({ msg: msg || '获取资源失败请稍后再试' })
  }
})