这个问题困扰了我好几天了,找了各种各样的方法都不行,按理说vue的router返回了上一页时,会销毁上个页面,但是似乎webview是有缓存的,这就导致了页面切换之后音视频仍然在播放。

试过的方法:

1. 切换页面时暂停音视频的播放,能降低问题发生频率,但是仍会时有发生。

2. app端增加交互,点击返回按钮时调用,将焦点从音视频控件转移回webview,ios可以完美解决,但安卓不行

3. 安卓交互修改为返回时reload,但是会造成白屏一秒钟的现象,被产品否了

4. 前端在返回时将audio/video标签的父标签innerHTML置空,能降低问题发生频率,但是仍会时有发生。

5. 有人提议返回时将音视频链接更换为无声音视频,但是我觉得不优雅。

6. 前端在返回时将audio/video标签的src置为空,貌似解决了。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐