recorder

js ~~audio~~ stream recorder is a fork of the original repo. This is not getting maintained. Just for my own purpose.

Needed the option to set my own stream instead using the navigator.

主要用于 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({ stream: your_media_stream_object });

• script 标签方式

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

let recorder = new Recorder({ stream: your_media_stream_object });

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)