1

HTML5 网页录音开源库,小巧功能丰富,欢迎把玩😃

 3 years ago
source link: https://www.v2ex.com/t/794569
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

V2EX  ›  JavaScript

HTML5 网页录音开源库,小巧功能丰富,欢迎把玩😃

  xiangyuecn · 1 天前 · 851 次点击

得益于 WebRTC 的标准化推进,今年越来越多的浏览器已经能够进行 H5 录音。

去年折腾的要死的各种国产套壳浏览器今年已经有了非常大的改善,包括折腾到吐的 iOS 也已经不那么傲娇了终于放开了 App 里面的限制,基本上只要升级了浏览器或系统就能使用 H5 的录音功能。

开源库: https://github.com/xiangyuecn/Recorder

测试: https://xiangyuecn.gitee.io/recorder/

这个库是很久以前写的一个网页版录音插件,经过几年的优化更新、功能添加,现在算是一个比较完整好用的 H5 录音开源解决方案了。


目前已经提供了:mp3 、wav 、pcm 、ogg 、webm 、amr 录音格式的支持,当前最新的 wav 格式录音的 js min 文件 9.73kb,小巧精致,mp3 的 js 文件 153kb (理论上只要能提供编码器,任何音频格式都能很方便的进行扩展支持)

库里面带有丰富的扩展功能插件,包括好几个音频可视化插件、变速变调处理、还带了一个 DTMF 编码解码插件。

支持实时处理,可以做到边录音边处理、边录音边上传;除了可以实时处理麦克风录制的音频流外,其他的音频流均能处理,包括但不限于:getUserMedia 返回的流、WebRTC 中的 remote 流、audio 、video 标签的 captureStream 方法返回的流、自己创建的流 等等;另外提供了对音频数据的实时播放功能。


在线测试>>

编写代码运行>>


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK