h5调用android录音,html5录音支持pc和Android、ios部分浏览器,微信也是支持的,JavaScript getUserMedia...

本文介绍了一种使用HTML5实现的网页录音解决方案,通过Recorder.js库支持mp3和wav格式的录音。文章提到该方法在大部分现代浏览器及微信中表现良好,并提供了详细的使用示例和兼容性说明。
摘要由CSDN通过智能技术生成

花了两天时间在前人基础上重复造了一个网页录音的轮子,顺带把github仓库使用研究了一下,扔到了github上,地址:https://github.com/xiangyuecn/Recorder

AAffA0nNPuCLAAAAAElFTkSuQmCC

演示截图

copy之前说点什么

准备做一个网页版聊天界面,表情啊、图片啊、上传文件啊都应该要有,视频就算了,语音还是要的。

当下环境html5的录音功能支持情况大为良好,微信完美支持(请忽略他家的jssdk)

AAffA0nNPuCLAAAAAElFTkSuQmCC

2018-05浏览器支持情况,棒棒哒

如是,就造起了轮子。以下内容copy自README

Recorder用于html5录音

录音默认输出mp3格式,另外可选wav格式(此格式录音文件超大)

mp3默认16kbps的比特率,大概2kb每秒,如果使用8kbps可达到1kb每秒,不过音质很渣,没有amr格式的可比性。

已内置lamejs依赖用于mp3编码,剥离后核心代码不足300行

快速使用

在需要录音功能的页面引入js文件代码即可,对于https的要求不做解释

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值