html5 录制mp3音频支持采样率和比特率设置
2021-11-23 04:07
1051 查看
13年的时候做过html5录音,一个问题是保存的wav格式文件很大,当初用了一个迂回的方式,上传到服务器后调用 lame 编码器转换,但由于文件大,上传较慢。不得不说,前端技术发展真是日新月异,有人实现了js版本的lame编码器,可以直接在浏览器端录制MP3音频。
lamejs介绍
最初有个开源项目libmp3lame-js,直接将 lame 源码编译为 js版本,后来有人基于libmp3lame使用 js 进行了重写,就是如今的lamejs 项目。相比libmp3lame ,自身体积更小,而且能实现更快的编码速度。据介绍说,编码一个132秒长度的音频仅需6.5秒。
录制mp3音频
我对代码进行了梳理和封装,已发布到Github,参见 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, type) { //blob为mp3音频数据 var blob = new Blob(data, { type: type }); } }); //开始录音 recorder.start(onSuccess, onError); //停止录音 recorder.stop(); //暂停录音 recorder.pause(); //恢复录音 recorder.resume();
使用很简单,demo有详细代码,在此就不多说了。
代码下载
到此这篇关于html5 录制mp3音频支持采样率和比特率设置的文章就介绍到这了,更多相关html5 录制mp3音频内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章推荐
- html5 录制mp3音频,支持采样率和比特率设置
- 格式工厂采样率,比特率怎样设置才能使音频声音大容量小
- MP3 音频录制,支持类似 IOS 原生的单边或者双边波形显示,低版本音频权限兼容,本地或者在线音频播放支持。
- iOS 通过(lame)将录制音频转换成Mp3
- 开源一个带自定义事件编程支持的javascript音频播放器,兼容IE和HTML5
- 公布一个软件,轻新视频录播程序,H264/AAC录制视音频,保存FLV,支持RTMP直播
- 音频 属性详解(涉及采样率、通道数、位数、比特率、帧等)
- iOS开发-进阶:通过(lame)将录制音频转换成Mp3
- 解析用PHP读写音频文件信息的详解(支持WMA和MP3)
- 播放所设置格式个音频文件,可播放MP3,asx,mpg,wav文件
- 在 Windows Server 2008 (R2)上的IE9不支持HTML5 视频与音频解决办法
- 支持触摸设备的响应式HTML5音频播放器 - AudioPlayer.js
- 【Advanced Windows Phone Programming】在windows phone 8中录制MP3和AAC及Amr音频
- 几款免费的支持HTML5的音频视频转换软件推荐
- iOS 通过(lame)将录制音频转换成Mp3
- iOS 通过(lame)将录制音频转换成Mp3
- HTML5视频支持 音频支持
- 音频 属性详解(涉及采样率、通道数、位数、比特率、帧等)
- VS2010支持HTML5 和 CSS3的安装设置方法
- HTML5对音频的支持