花了两天时间在前人基础上重复造了一个网页录音的轮子,顺带把github仓库使用研究了一下,扔到了github上,地址:https://github.com/xiangyuecn/Recorder
演示截图
copy之前说点什么
准备做一个网页版聊天界面,表情啊、图片啊、上传文件啊都应该要有,视频就算了,语音还是要的。
当下环境html5的录音功能支持情况大为良好,微信完美支持(请忽略他家的jssdk)
2018-05浏览器支持情况,棒棒哒
如是,就造起了轮子。以下内容copy自README
Recorder用于html5录音
录音默认输出mp3格式,另外可选wav格式(此格式录音文件超大)
mp3默认16kbps的比特率,大概2kb每秒,如果使用8kbps可达到1kb每秒,不过音质很渣,没有amr格式的可比性。
已内置lamejs依赖用于mp3编码,剥离后核心代码不足300行
快速使用
在需要录音功能的页面引入js文件代码即可,对于https的要求不做解释