欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

recorder.js 基于Html5录音功能的实现

程序员文章站 2022-05-07 11:54:07
这篇文章主要介绍了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录音功能内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!