recorder.js如何实现基于Html5录音功能
这篇文章将为大家详细讲解有关recorder.js如何实现基于Html5录音功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在开平等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站建设、成都网站设计 网站设计制作按需求定制制作,公司网站建设,企业网站建设,品牌网站制作,全网营销推广,成都外贸网站制作,开平网站建设费用合理。
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录音功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
当前文章:recorder.js如何实现基于Html5录音功能
本文地址:http://ybzwz.com/article/pdgegh.html