Skip to content

driftIces/recorder

 
 

Repository files navigation

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

详细请查看文档

任务列表

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

注意

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

兼容性

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

window pc端

Chrome Firefox Edge Safari Opera IE
38+ 30+ 42+ 11+ 21+ 不支持

移动端

安卓

Chrome Firefox Safari Opera UC QQ 猎豹 搜狗 华为 小米
42+ 40+ 不支持 不支持 9.2+ 不支持 不支持 不支持 不支持

IOS

Chrome Firefox Safari Opera UC QQ 猎豹 搜狗 华为 小米
11+

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

其他资源

About

html5 js 浏览器 web端录音

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.6%
  • TypeScript 2.4%