recorder.js 基于Html5录音功能的实现
程序员文章站
2022-08-01 16:00:09
这篇文章主要介绍了recorder.js 基于Html5录音功能的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 20-05-26...
recorder.js
microphone基于html5的录音功能,输出格式为mp3文件。
前言
完全依赖h5原生api
所涉及的api:webrtc、audiocontext、worker、video/audio api、blob、url
兼容性
- chrome、ff、edge、qq、360(注:目前ie和safari全版本不兼容)
- 其中chrome47以上以及qq浏览器强制要求https的支持
- 请尝试使用ff、edge、360等浏览器进行体验,或将项目下载到本地通过localhost的方式
使用方式
var recorder = new recorder({ samplerate: 44100, //采样频率,默认为44100hz(标准mp3采样率) bitrate: 128, //比特率,默认为128kbps(标准mp3质量) success: function(){ //成功回调函数 }, error: function(msg){ //失败回调函数 }, fix: function(msg){ //不支持h5录音回调函数 } });
api
//开始录音 recorder.start(); //停止录音 recorder.stop(); //获取mp3编码的blob格式音频文件 recorder.getblob(function(blob){ //获取成功回调函数,blob即为音频文件 // ... },function(msg){ //获取失败回调函数,msg为错误信息 // ... });
到此这篇关于recorder.js 基于html5录音功能的实现的文章就介绍到这了,更多相关html5录音功能内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
上一篇: 宋朝“大胃王”官员赵雄,揭秘背后真实原因