recorder.js 基于 HTML5 实现录音功能


当前第2页 返回上一页

兼容性

  • Chrome、FF、Edge、QQ、360(注:目前IE和Safari全版本不兼容)

  • 其中Chrome47以上以及QQ浏览器强制要求HTTPS的支持

  • 请尝试使用FF、Edge、360等浏览器进行体验,或将项目下载到本地通过localhost的方式

使用方式

1

2

3

4

5

6

7

8

9

10

var recorder = new Recorder({

    sampleRate: 44100, //采样频率,默认为44100Hz(标准MP3采样率)

    bitRate: 128, //比特率,默认为128kbps(标准MP3质量)

    success: function(){ //成功回调函数

    },

    error: function(msg){ //失败回调函数

    },

    fix: function(msg){ //不支持H5录音回调函数

    }

});

API

1

2

3

4

5

6

7

8

9

10

//开始录音

recorder.start();

//停止录音

recorder.stop();

//获取MP3编码的Blob格式音频文件

recorder.getBlob(function(blob){ //获取成功回调函数,blob即为音频文件

//  ...

},function(msg){ //获取失败回调函数,msg为错误信息

//  ...

});

推荐教程:《HTML教程》《JS教程》

以上就是recorder.js 基于 HTML5 实现录音功能的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

详解HTML5移动端音频与视频问题及解决方案

HTML5新颖交互形式的案例浅析(技术分析)(图)

HTML5 虚拟键盘出现挡住输入框怎么办

HTML5怎么实现拖拽

处理HTML5新标签的浏览器兼容版问题

HTML5页面二次分享的实现

mui框架使用HTML5实现二维码扫描功能

详解HTML5 录音遇到的坑

HTML5 navigator.geolocation基于浏览器获取地理位置代码案例

关于HTML5 canvas的事件处理

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...