当前位置： 移动技术网 > IT编程>网页制作>Html5 > recorder.js 基于Html5录音功能的实现

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

2020年06月15日  | 移动技术网IT编程  | 我要评论

3dmax2009软件下载,识字八,暖菇凉痛经贴

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录音功能内容请搜索移动技术网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网