recorder

js audio recorder plugin.

主要用于Web端录制短音频。

• 支持录音，暂停，恢复，和录音播放。
• 支持音频数据的压缩，支持单双通道录音。
• 支持录音时长、录音大小的显示。
• ~~支持边录边转（播放）~~(0.x支持)。
• 支持导出录音文件，格式为pcm或wav。
• 支持录音波形显示，可自己定制。
• 录音数据支持第三方平台的语音识别。
• 支持MP3（借助lamejs）。

使用

在线演示地址

Recorder

在线文档

文档

demo使用

npm ci (推荐) 或 npm install
npm run dev

调试移动端

npm run https

编译

npm run build

使用方法

引入方式

• npm方式：

安装：

npm i js-audio-recorder

调用：

import Recorder from 'js-audio-recorder';

let recorder = new Recorder();

• script标签方式

<script type="text/javascript" src="./dist/recorder.js"></script>

let recorder = new Recorder();

API

详细请查看文档。

任务列表

• [x] 拆分recorder到各个功能模块。
• [x] 增加test代码。
• [x] promise，支持async, await。
• [ ] 功能完善。
• [x] 兼容性测试。
• [x] 支持边录音边转换(播放)。

注意

1. 使用127.0.0.1或localhost尝试，因为getUserMedia在高版本的chrome下需要使用https。

兼容性

以下为测试结果，低于以下版本并不表示不支持，可能是未测试到，增加或标注请查看：issues6

window pc端

| | | | | | | | ---- | ---- | ---- | ---- | ---- | ---- | | 38+ | 30+ | 42+ | 11+ | 21+ | 不支持 |

移动端

安卓

| | | | | | | | | | | | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | | 42+ | 40+ | ？ | 不支持 | 不支持 | 9.2+ | 不支持 | 不支持 | 不支持 | 不支持 |

IOS

| | | | | | | | | | | | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | | ？ | ？ | 11+ | ？ | ？ | ？ | ？ | ？ | ？ | ？ |

需要打开浏览器录音权限，在设置-权限中可以配置。

其他资源

• webAudio播放本地音乐
• webAudio制造噪音并播放
• web Audio实现pcm音频数据收集
• js实现pcm数据编码
• 基于阿里云实现简单的语音识别功能(node)