推广 热搜: 行业  设备  机械    系统  教师    参数  经纪  蒸汽 

android的h5怎么录音 h5录音并上传

   日期:2025-01-01     移动:http://sjzytwl.xhstdz.com/mobile/quote/86459.html

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

android的h5怎么录音 h5录音并上传

本文记录的是在网页上用GitHub上的进行在线录音和上传到服务器,前几天升了一下级,以后有时间再专门写一篇记录。

本示例代码支持、、中使用,如果用可增加对的支持。

看万遍代码不如行动一遍,新建一个html文件,把下面三段代码复制到文件内,双击浏览器打开就能进行测试。

上传服务器代码

立即播放代码


GitHub地址:https://github.com/xiangyuecn/Recorder

在线测试: 点此测试

用于html5录音,为一个纯粹的js库,支持大部分已实现的、,包括(、)。

录音默认输出,另外可选(此格式录音文件超大);有限支持、、格式;支持任意格式扩展(前提有相应编码器)。

小巧:如果对录音文件大小没有特别要求,可以仅仅使用+,源码不足300行,压缩后的不足4kb。使用编码,压缩后的开启后54kb。

由于上只有支持,其他浏览器均不支持H5录音,因此额外针对对进行了进一步的兼容封装,升级成了,用于支持微信(含、),另外对也提供了更加优秀的支持。

由于需要微信公众(订阅)号提供录音支持,所以开发难度会大些,但支持的环境更多。拿来就能用,具体使用哪个请参考下表:

* 可到github中查阅源码,在目录中。


本文地址:http://sjzytwl.xhstdz.com/quote/86459.html    物流园资讯网 http://sjzytwl.xhstdz.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


0相关评论
相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号