Skip to content

2fps/recorder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c017dea · Feb 12, 2022
Jun 6, 2019
Jun 6, 2019
Jan 9, 2021
Dec 17, 2020
Apr 13, 2020
Jan 9, 2021
Nov 23, 2019
Jan 28, 2020
Dec 8, 2019
Oct 10, 2019
Jan 17, 2019
Dec 11, 2019
Apr 11, 2020
Jan 9, 2021
Dec 17, 2020
Apr 13, 2019
Jun 6, 2019
Feb 12, 2022
Jan 9, 2021
Apr 13, 2020
Jan 28, 2020
Nov 23, 2019

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+

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

其他资源