解决页面退出 WebView 继续播放视频音乐的问题

最新推荐文章于 2023-02-21 16:29:10 发布

原创

最新推荐文章于 2023-02-21 16:29:10 发布 · 7.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#webview #video #停止音视频播放

这篇博客探讨了在iOS开发中遇到的WebView加载H5页面后，视频音乐在页面跳转时继续播放的问题。尝试了native调用JS、处理iframe、百度搜索的解决方案，最终通过识别iframe的className实现了临时的解决办法。

前言

在iOS的开发中，使用webview/wkwebview加载H5页面，已经是司空见惯的行为了。本篇就源于在开发中解决页面跳转后 webview中视屏没有停止播放的问题。

解决方案

1、native调用js function

前端同事给一个Function 原生在合适的地方直接调用

    [_wkweb evaluateJavaScript:@"pausePlay()" completionHandler:^(id _Nullable, NSError * _Nullable error) {

    }];

结果：失败。因为这个包含video标签不是直接在html文件中，在html中的iframe 标签中。不能直接通过documen

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Micah_A

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

解决移动应用中 WebView 页面退出后音视频仍在播放的问题

DsiCoder的博客

09-22

876

然而，当用户退出 WebView 页面时，音视频可能会继续播放，这可能导致资源浪费和意外的用户体验。通过以上的代码和解释，你可以在你的移动应用中使用 WebView 加载网页内容，并在退出 WebView 页面时正确地停止音视频播放，以提供更好的用户体验。当然，根据你的实际需求，你可能需要根据具体情况进行修改和调整。解决这个问题的关键是在 WebView 被销毁之前，正确地管理和停止音视频播放。以上代码是一个简单的示例，展示了如何在 WebView 页面加载完成或进度达到 100% 时停止音视频播放。

微信小程序退出或隐藏后，内嵌的web-view的音频没有停止的几种解决办法

欢迎来到瑆箫博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。

11-27

6211

1.尝试下通过h5的pagehide事件 2.小程序改变web-view src的hash值，网页端监听hashchange来处理这均需要在h5去修改代码。 3.使用wx.pauseVoice() 4.注意的地方 wx.pauseVoice()接口主要用来实现暂停正在播放的语音。需要注意的是当再次调用wx.playVoice播放同一个文件时，会默认从刚才暂停的地方开始播放，如果想要从头...

5 条评论您还未登录，请先登录后发表或查看评论

Android使用的webcview中带有音乐播放控件,在关闭或分享时处于界面不可见状态下,声音仍在播放的问题解决

jackron2014的博客

08-22

4317

Android使用的webcview中带有音乐播放控件,在关闭或分享时处于界面不可见状态下,声音仍在播放的问题解决一. 问题出现原因我们在做APP分享时,分享webview加载带有音乐播放控件的网页.当弹出分享界面,webview的网页处于后台状态或关闭该网页时,音乐声仍在播放.出现该类现象使我们所不能容忍,也会给用户一个不好的印象,网上有几种解决办法,但都有不尽如意的地方

APhone上WebView 退出后台 h5 视频音频继续播放，以及上传文件，扫一扫，相机，相册各种适配

m0_57874230的博客

02-21

480

APhone上WebView 退出后台 h5 视频音频继续播放，以及上传文件，扫一扫，相机，相册各种适配

iOS webview 退出页面后视频/音频依旧播放的问题

LeveBe的博客

05-08

4493

首先在初始化 webview 前先注入网页停止播放音乐的 js 代码。 WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init]; config.allowsInlineMediaPlayback = YES; config.requiresUserActionForMediaPlayback = NO; ...

关于安卓webview播放音视频退出当前页面后仍播放的问题

summer的博客

02-03

1699

这个问题困扰了我好几天了，找了各种各样的方法都不行，按理说vue的router返回了上一页时，会销毁上个页面，但是似乎webview是有缓存的，这就导致了页面切换之后音视频仍然在播放。试过的方法： 1. 切换页面时暂停音视频的播放，能降低问题发生频率，但是仍会时有发生。 2. app端增加交互，点击返回按钮时调用，将焦点从音视频控件转移回webview，ios可以完美解决，但安卓不行 3. 安卓交互修改为返回时reload，但是会造成白屏一秒钟的现象，被产品否了 4. 前端在返回时将audio/

精选资源

Android如何让WebView中的HTML5页面实现视频全屏播放

01-20

// 允许自动播放视频现在我们深入探讨如何在Android的WebView中实现HTML5视频的全屏播放。在HTML5中，`<video>` 标签用于嵌入视频内容。默认情况下，Android 的WebView可能不支持视频全屏播放，我们需要自定义一...

安卓浏览器WebViewJSHTML5相关-Webview在线播放网络视频并实现全屏功能并且适用于5.0以上系统解决退出声音问题全屏声音调整问题.rar

07-29

总结来说，这个压缩包文件的内容涵盖了Android WebView播放网络视频的核心技术，包括HTML5视频、全屏功能的实现以及在Android 5.0以上系统中的声音控制策略。对于希望在Android应用中集成视频播放功能的开发者来说，...

kotlin compose 实现 webView 加载视频，支持Webview 全屏及退出全屏

最新发布

07-07

kotlin compose 实现 webView 加载视频，支持Webview 全屏及退出全屏；资料是主要代码，配置操作：1. AndroidManifest 配置 android:hardwareAccelerated ="true" 2. 支持横竖屏旋转 android:windowSoftInputMode=...

webview全屏播放视频demo

06-16

本项目"webview全屏播放视频demo"专注于在Android Studio环境下，实现WebView中HTML5视频的全屏播放功能，确保了在实际设备上的良好运行。首先，我们要理解WebView的基本用法。在Android Studio中创建一个新的项目...

webView退出之后音频视频还在播放问题

w3812127的博客

10-16

1440

private AudioManager audioManager; private AudioManager.OnAudioFocusChangeListener listener;@Override protected void onResume() { if (audioManager!= null) { audioManager.abandonAudioFoc

android的webview退出,Android – 退出WebView时,音频仍然播放

weixin_35600369的博客

05-26

363

我有这个代码,它的唯一的问题是,如果我离开WebView,甚至关闭该应用程序,甚至按下电源,播客的音频继续播放.有人会知道如何阻止吗？这是代码：public class PodcastsActivity extends BaseActivity //implements ActionBar.OnNavigationListener{WebView webview = null;@Overridep...

iOS里页面关闭了，音频仍继续播放的问题

front的博客

02-09

3151

问题在 iOS 下关闭浏览器窗口（切换至后台）或者切换标签时， Audio 仍然继续循环播放音频文件。方法使用循环存储时间来检查用户是否在网页上， timeupdate 事件是在音频 Audio 的播放位置发生改变时触发。 var lastSeen; var loop = function (){ lastSeen = Date.now(); setTimeout(loop, 50); }; loop(); var music = document.getElementById('musi

Android使用WebView加载H5页面播放视频音频，退出后还在播放问题解决

10年职场两茫茫，35岁凄凉奈若何

07-25

829

Android使用WebView加载H5页面播放视频音频，退出后还在播放问题解决

webview中播放视屏，返回或者退出后，仍然会有声音。

weixin_30446197的博客

10-17

508

解决办法： protected void onPause() { super.onPause(); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { webView.onPause(); // 暂停网页中正在播放的视频 } } 作者：小彤花园链接：...

WebView 允许自动播放声音解决回到桌面webview还在播放音视频的问题

pengtaQ的博客

01-17

3970

在webview中默认自动播放的声音是会被拦截的只有点击的声音才会播放，想要自动播放的时候就需要设置 webview.getSettings().setMediaPlaybackRequiresUserGesture(false); 回到桌面需要停止声音的播放 AudioManager audioManager; AudioManager.OnAudioFoc...

android 处理webView关闭音视频还在播放

kururunga的博客

03-17

750

在Activity或者fragment对应得生命周期里这样写： @Override public void onResume() { super.onResume(); mTecentWebview.onResume(); mTecentWebview.resumeTimers(); } @Override public void onPause() { super.onPause();

android webview关闭之后音乐还在播放的处理姿势

weixin_30905981的博客

07-14

596

@Overrideprotected void onPause() { webView.onPause(); 　　webView.pauseTimers(); super.onPause();} @Overrideprotected void onResume() { webView.onResume(); 　　webView.resumeTimers();...