html5 录制mp3音频支持采样率和比特率设置

13年的时候做过ht ML 5录音，一个问题是保存的wav格式文件很大，当初用了一个迂回的方式，上传到 服务器 后调用 l am e 编码器转换，但由于文件大，上传较慢。不得不说，前端技 术 发展 真是日新月异，有人实现了js版本的lame编码器，可以直接在浏览器端 录制 M P3 音频。

lamejs介绍

最初有个开 源 项目 libmp3lame-js ，直接将 lame 源码编译为 js版本，后来有人基于libmp3lame使用 js 进行了重写，就是如今的 lamejs 项目。相比libmp3lame ，自身体积更小，而且能实现更快的编码速度。据介绍说，编码一个132秒长度的音频仅需 6.5 秒。

录制mp3音频

我对代码进行了梳理和封装，已发布到G IT h ub ，参见 mp3-recorder 。对实现过程有兴趣或对使用lamejs有兴趣的，可以参考我的源码。支持Firefox 及 webkit 浏览器。

采用64kbps比特率，录制一分钟音频长度约为480KB。

调用示例

/*
    MP3的采样频率分为 48000 44100 32000 24000 22050 16000 12050 8000

    比特率值与现实音频对照（仅供参考）
　　16Kbps= 电 话音质
　　24Kbps=增加电话音质、短波广播、长波广播、欧洲制式中波广播
　　40Kbps= 美国 制式中波广播
　　56Kbps=话音
　　64Kbps=增加话音（手机 铃声 最佳比特率设定值、手机单声道MP3播放器最佳设定值）
　　112Kbps=FM调频立体声广播
　　128Kbps= 磁带 （手机立体声MP3播放器最佳设定值、低档MP3播放器最佳设定值）
　　160Kbps=HIFI高保真（中高档MP3播放器最佳设定值） 　
  　192Kbps=CD（高档MP3播放器最佳设定值）
　　256Kbps=Studio音乐工作室（音乐发烧友适用）
*/

//唯一影响mp3文件大小的参数为 bitRate
//sampleRate 仅供特殊需求的人使用
 VAR  recorder = new MP3Recorder({
    //numChannels: 1,     //声道数,默认为1
    //sampleRate: 8000,   //采样率,一般由设备提供,比如 48000
    bitRate: 64,        //比特率,不要低于64,否则可能录制 无声音 （人声）

    //录音结束事件
     complete : function (data, ty PE ) {
        //blob为mp3音频数据
        var blob = new Blob(data, { type: type });
    }
});

// 开始 录音
recorder.start(onSuccess, onError);

//停止录音
recorder.stop();

// 暂停 录音
recorder.pause();

//恢复录音
recorder.resume();

使用很 简单 ，demo有详细代码，在此就不多说了。

代码下载

源码及示例代码

源码更新请关注Github

到此这篇关于html5 录制mp3音频支持采样率和比特率设置的 文章 就介绍到这了,更多相关html5 录制mp3音频内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 html5 录制mp3音频支持采样率和比特率设置 全部内容，希望文章能够帮你解决 html5 录制mp3音频支持采样率和比特率设置 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于html5 录制mp3音频支持采样率和比特率设置的详细内容...