评论

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

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

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

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

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


图片占位

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

图片占位


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

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

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

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

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

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


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

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

最后一次编辑于  2023-05-23  
点赞 0
收藏
评论

5 个评论

  • 马尚尚
    马尚尚
    2023-11-08

    2023-11-08
    赞同
    回复
  • 马尚尚
    马尚尚
    2023-11-08

    微信小程序webview 通过audio播放音频在锁屏或者切后台后,音频停止播放,属于预期的行为,也就是官方已知行为

    具体见官方回复

    微信小程序内嵌webview使用audio播放音频,苹果端锁屏后,音频会自动暂停播放,请问如何解决?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000aa8ac4fcfb04dfcaf65f405b000

    2023-11-08
    赞同
    回复
  • Serenpity
    Serenpity
    2023-09-08

    关键是怎么监听小程序切换到后台的?还有一个问题,如果ios 把消息通知栏或者控制中心滑动下来也会暂停播放,有遇到过吗

    2023-09-08
    赞同
    回复 3
    • 小时光
      小时光
      2023-09-09
      我们已经解决了,可以WX联系
      2023-09-09
      回复
    • 清心
      清心
      02-26
      wx是多少
      02-26
      回复
    • trtrtr6
      trtrtr6
      07-12
      监听一下音频的暂停事件,然后手动再给它播放一下我估计就可以了吧
      07-12
      回复
  • 马尚尚
    马尚尚
    2023-05-25


    音频播放

    目前使用版本明细

    1、PC WMRecPlayer  加水印版本

    2、小程序 安卓 RecPlayer

    3、小程序 苹果 解码 RecProcessor

    2023-05-25
    赞同
    回复
  • 红小豆
    红小豆
    2023-05-23

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

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

    等后续有时间了再去听会

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

    2023-05-23
    赞同
    回复
登录 后发表内容