您现在的位置是：网站首页> 编程资料编程资料

recorder.js 基于Html5录音功能的实现HTML5录音实践总结(Preact)HTML5网页录音和上传到服务器支持PC、Android，支持IOS微信功能html5录音功能实战示例详解HTML5 录音的踩坑之旅

2021-08-30 1057人已围观

简介 这篇文章主要介绍了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+CSS设置浮动却没有动反而在中间且错行的问题html/css中float浮动的用法实例详解HTML5 CSS3实现七彩变换的天空中白云漂浮动画效果源码html+css 清除浮动的相关技巧心得Html+CSS浮动的广告条实现分解基于jQuery+CSS实现的浮动html菜单效果分享代码

下一篇：HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网