小程序webview实现音频播放,切后台音频暂停播放问题解决方案
搞了几周的产品终于于昨天正式对外发布了,不藏着掖着了,我们是otter的中文版录音
Otter.ai - Voice Meeting Notes & Real-time Transcription
图片占位
由于我们的音频涉及到客户隐私,需要加密播放、音频水印等安全机制,目前小程序未支持这些场景,所以只能使用webview来完成音频的播放
图片占位
我们自研了能加密加水印的播放器OtPlayer来播放音频,该播放器可以在安卓手机能在用户切后台后可以持续播放,但是在IOS系统缺出现暂停播放了。
后面调研了很多方案,最后采用以下方案解决了该问题
1)在安卓端使用自研的Otplayer来播放;
2)在IOS端解码后,通过H5 audio原生的音频播放来播放;
在IOS切后台的过程中,音频播放会触发音频暂停的api,这时音频播放暂停肯定是发生的,我们如果期望音频能持续播放,就需要在监控到用户将应用切到后台后,再将音频播放一次
这样会出现一秒左右中断的情况,是目前可以接受的。
想想这段时间为了这个问题,本以为产品会带着妥协上线的,最好终于摸索通了一个可行的方案是可以达到在应用切后台后,音频可以持续播放的能力。
小程序webview实现音频播放,切后台音频暂停播放问题解决方案
微信小程序webview 通过audio播放音频在锁屏或者切后台后,音频停止播放,属于预期的行为,也就是官方已知行为
具体见官方回复
微信小程序内嵌webview使用audio播放音频,苹果端锁屏后,音频会自动暂停播放,请问如何解决?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000aa8ac4fcfb04dfcaf65f405b000
关键是怎么监听小程序切换到后台的?还有一个问题,如果ios 把消息通知栏或者控制中心滑动下来也会暂停播放,有遇到过吗
音频播放
目前使用版本明细
1、PC WMRecPlayer 加水印版本
2、小程序 安卓 RecPlayer
3、小程序 苹果 解码 RecProcessor
上面放的截图是小宇宙的,图文无关哈
我们是提供定制电话会议服务的,有些人群每天会有多场电话会议,但是有些会议时间上是冲突的,所以我们会按与会者要求进入会议录音,
等后续有时间了再去听会
目前提供这一个专属定制服务