小程序webview实现音频播放,切后台音频暂停播放问题解决方案
发布于 1 年前 作者 magang 1898 次浏览 来自 分享

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

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

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

图片占位

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

图片占位

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

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

1)在安卓端使用自研的Otplayer来播放;

2)在IOS端解码后,通过H5 audio原生的音频播放来播放;

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

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

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

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

2 回复

音频播放

目前使用版本明细

1、PC WMRecPlayer  加水印版本

2、小程序 安卓 RecPlayer

3、小程序 苹果 解码 RecProcessor

上面放的截图是小宇宙的,图文无关哈

我们是提供定制电话会议服务的,有些人群每天会有多场电话会议,但是有些会议时间上是冲突的,所以我们会按与会者要求进入会议录音,

等后续有时间了再去听会

目前提供这一个专属定制服务

回到顶部