html5音频处理(recorder.js 基于Html5录音功能的实现)
类别:Web前端 浏览量:484
时间:2021-10-21 08:50:12 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录音功能的实现的文章就介绍到这了,更多相关Html5录音功能内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- html5元素列表(HTML5触摸事件touchstart、touchmove和touchend的实现)
- html5手机字体怎么设置(html5给汉字加拼音加进度条的实现代码)
- h5抽奖的弹框制作(html5实现九宫格抽奖可固定抽中某项奖品)
- html元素和属性的区别(HTML5 HTMLCollection和NodeList的区别详解)
- html5app开发用什么平台(Html5与App的通讯方式详解)
- vue加载html5动画(vue实现旋转木马动画)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- html5video怎么优化(html5 移动端视频video的android兼容去除播放控件、全屏)
- html5底部组件(HTML5 Blob对象的具体使用)
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- webui控件在前端开发中的作用(HTML5 weui使用笔记)
- h5制作支付功能(基于HTML5+tracking.js实现刷脸支付功能)
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- html5长按动画效果(HTML5自定义元素播放焦点图动画的实现)
- html5中canvas标签(html5 canvas绘制网络字体的常用方法)
- 自制橡皮泥(自制橡皮泥)
- 还在卖 禁药西布曲明网上论斤卖(还在卖禁药西布曲明网上论斤卖)
- 微商在朋友圈热卖的 DL减肥咖啡 含违禁药物,你还敢买吗(微商在朋友圈热卖的)
- 八一节,说说中国女兵(八一节说说中国女兵)
- 王治郅菜鸟赛季已让八一带入正轨,大郅七大经典语录或是成功秘诀(王治郅菜鸟赛季已让八一带入正轨)
- 庆八一,重读经典红色语录,感悟互联网发展硬道理(重读经典红色语录)
热门推荐
- 云服务器有必要备案吗(免备案云服务器多少钱?)
- 云服务器的优势与功效(云服务器有哪些显著的特点?)
- python中的1和0(python把1变成01的步骤总结)
- css按钮样式实例(CSS使用classList实现两个按钮样式的切换)
- sqlserver数据库如何设置循环日志(sqlserver 实现收缩数据库日志操作)
- idea配合tomcat进行web开发(IDEA2021 tomcat10 servlet 较新版本踩坑问题)
- html5手机字体怎么设置(html5给汉字加拼音加进度条的实现代码)
- 织梦dedecms开启付费授权(去掉织梦DedeCMS列表推荐时标题被加粗的方法)
- vue重置密码(Vue 两个字段联合校验之修改密码功能的实现)
- 如何让Select下拉框具有输入功能