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

www.6xb.cn

13年的时候做过html5录音，一个问题是保存的wav格式文件很大，当初用了一个迂回的方式，上传到服务器后调用 lame 编码器转换，但由于文件大，上传较慢。不得不说，前端技术发展真是日新月异，有人实现了js版本的lame编码器，可以直接在浏览器端录制MP3音频。
# }8 h1 Z- V6 O: W8 k, W1 q0 C. llamejs介绍
9 n/ `( Q1 z+ N
( s% |' |# l7 H# k2 J. R: J+ N最初有个开源项目libmp3lame-js，直接将 lame 源码编译为 js版本，后来有人基于libmp3lame使用 js 进行了重写，就是如今的lamejs 项目。相比libmp3lame ，自身体积更小，而且能实现更快的编码速度。据介绍说，编码一个132秒长度的音频仅需6.5秒。
录制mp3音频
7 Z/ R8 \. @3 t2 O0 l* l
* i, E8 k# C  S  H+ q# e* s我对代码进行了梳理和封装，已发布到Github，参见 mp3-recorder。对实现过程有兴趣或对使用lamejs有兴趣的，可以参考我的源码。支持Firefox 及 Webkit浏览器。
; L- S! ~4 _; P5 z& u采用64kbps比特率，录制一分钟音频长度约为480KB。
  ^0 ?. i/ G# U( x, ~

3 h& |$ ?5 L* {8 D/ z/ z$ K# ]( z调用示例
- z: |1 o% j5 ]) w' w; d" z, {9 R

1. /*    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, type) {        //blob为mp3音频数据        var blob = new Blob(data, { type: type });    }});//开始录音recorder.start(onSuccess, onError);//停止录音recorder.stop();//暂停录音recorder.pause();//恢复录音recorder.resume();

复制代码

使用很简单，demo有详细代码，在此就不多说了。
3 _. \! Z( C0 e5 w0 T4 ]) H代码下载
源码及示例代码
源码更新请关注Github
; ^4 B, I7 g9 q, b3 q到此这篇关于html5 录制mp3音频支持采样率和比特率设置的文章就介绍到这了,更多相关html5 录制mp3音频内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

' M7 j  e9 A: w* Z4 I来源：http://www.jb51.net/html5/782160.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！