移动端h5调用录音

一、record.js

https://www.jb51.net/article/174878.htm

适用范围:不支持IOS
  • 由于iOS上的所有浏览器都限制使用iOS上的Safari使用的UIWebView,因此iOS上的Chrome无法支持任何可用于媒体录制的API.
  • recorder.js是基于Media Capture API构建的,iOS上不支持此API
    MediaRecorder API 也是一个很有前途的API,但仍然是Apple浏览器的 not supported
    http://www.voidcn.com/article/p-vshluems-bth.html

二、recorder H5

https://blog.csdn.net/xiangyuecn/article/details/80344614
github:https://github.com/xiangyuecn/Recorder

适用范围:不支持IOS系统版本低于14.3的企业微信使用

原因:js getUserMedia方法调起录音,仅支持14.3以上版本

  • 支持:大部分已实现getUserMedia的移动端、PC端浏览器;
    主要包括:Chrome、Firefox、Safari、IOS 14.3+、Android WebView、腾讯Android X5内核(QQ、微信);
  • 不支持:UC系内核(典型的支付宝),大部分国产手机厂商自研套壳娱乐浏览器,低版本IOS(11.0-14.2)上除Safari外的其他任何形式的浏览器(含PWA、WebClip、任何App内网页)
  • 解决方案:
    1、微信JDK和企业微信JS SDK 仅支持1分钟录制
    2、更新iPhone系统版本,到14.4及以上版本
注意:html5 录制mp3音频,支持采样率和比特率设置

bitRate: 64, //比特率,不要低于64,否则可能录制无声音(人声)
https://www.cnblogs.com/devin87/p/mp3-recorder.html

三、企业微信 JS SDK(微信 js sdk)

https://blog.csdn.net/qq_42259469/article/details/93875859

适用范围:企业微信
局限性:仅支持一分钟录音
  • 解决方法:录多个音频,播放时按顺序播放即可

你可能感兴趣的:(移动端h5调用录音)