js-stream-recorder v0.1.5

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

详细请查看文档。

任务列表

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

注意

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)