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

首先在初始化 webview 前先注入网页停止播放音乐的 js 代码。

WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.allowsInlineMediaPlayback = YES;
config.requiresUserActionForMediaPlayback = NO;
    
//js代码
NSString *videos = @"document.getElementsByTagName('video');function pauseVideo(){var len = videos.length;for(var i=0;i<len;i++){videos[i].pause();}};var audios = document.getElementsByTagName('audio');function pauseAudio(){var len = audios.length;for(var i=0;i<len;i++){ audios[i].pause();}}";
// 注入网页停止播放音乐的js代码
WKUserScript *pauseJS = [[WKUserScript alloc]initWithSource:videos injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
    
WKUserContentController *userContent = [[WKUserContentController alloc]init];
[userContent addUserScript:pauseJS];
config.userContentController = userContent;
    
webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:config];
webView.navigationDelegate = self;
[self.view addSubview:webView];

其次在网页已经消失【- (void)viewDidDisappear:(BOOL)animated】的方法中调用 js 代码中的停止播放音乐方法。

- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];
    
    // 解决返回后语音一直播放的问题
    [self pausePlay];
}

/// 暂停播放网页内的音频、视频
- (void)pausePlay {
    [webView evaluateJavaScript:@"pauseVideo()" completionHandler:nil];
    [webView evaluateJavaScript:@"pauseAudio()" completionHandler:nil];
}

另外,使用以下方法也可以解决,但该方法存在弊端,如果网页中调用了相册并选择图片后,页面会变成空白。

NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"about:blank"]];
[webView loadRequest:request];

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值