小程序webview实现音频播放，切后台音频暂停播放问题解决方案

搞了几周的产品终于于昨天正式对外发布了，不藏着掖着了，我们是otter的中文版录音

Otter.ai - Voice Meeting Notes & Real-time Transcription

图片占位

由于我们的音频涉及到客户隐私，需要加密播放、音频水印等安全机制，目前小程序未支持这些场景，所以只能使用webview来完成音频的播放

图片占位

我们自研了能加密加水印的播放器OtPlayer来播放音频，该播放器可以在安卓手机能在用户切后台后可以持续播放，但是在IOS系统缺出现暂停播放了。

后面调研了很多方案，最后采用以下方案解决了该问题

1）在安卓端使用自研的Otplayer来播放；

2）在IOS端解码后，通过H5 audio原生的音频播放来播放；

在IOS切后台的过程中，音频播放会触发音频暂停的api，这时音频播放暂停肯定是发生的，我们如果期望音频能持续播放，就需要在监控到用户将应用切到后台后，再将音频播放一次

这样会出现一秒左右中断的情况，是目前可以接受的。

想想这段时间为了这个问题，本以为产品会带着妥协上线的，最好终于摸索通了一个可行的方案是可以达到在应用切后台后，音频可以持续播放的能力。

小程序webview实现音频播放，切后台音频暂停播放问题解决方案