Swift中WKWebView阻止音频自动播放失效问题求助

嘿，别担心！作为编程新手，遇到这种枚举类型的语法错误太正常了，我来帮你把问题捋清楚，一步步解决掉。

先说说你遇到的报错原因 #

你之前尝试的几种写法都存在语法问题：

• [] 是数组类型，但 mediaTypesRequiringUserActionForPlayback 需要的是 WKAudiovisualMediaTypes 这个OptionSet类型的值，不是数组
• WKAudiovisualMediaTypeAll 是Objective-C时代的写法，Swift里已经改成了更简洁的 .all
• 你的错误本质是把「类型本身」赋值给了需要「类型实例」的属性，导致类型不匹配

正确的配置方式 #

要禁止所有媒体自动播放，只需要给 mediaTypesRequiringUserActionForPlayback 赋值 .all 就可以了。我帮你修改了代码，还加了几个新手友好的优化：

import UIKit
import WebKit

class WidgetViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {
    var webView : WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 用guard let安全处理URL，避免强制解包崩溃
        guard let url = URL(string: "https://danfg95glucose.azurewebsites.net/") else {
            print("URL无效，请检查链接")
            return
        }
        let request = URLRequest(url: url)
        
        let webConfiguration = WKWebViewConfiguration()
        webConfiguration.allowsInlineMediaPlayback = false
        // 核心设置：所有媒体类型都需要用户主动操作才能播放
        webConfiguration.mediaTypesRequiringUserActionForPlayback = .all
        
        webView = WKWebView(frame: CGRect(
            x: 0,
            y: 0,
            width: view.frame.width,
            height: view.frame.height - 500
        ), configuration: webConfiguration)
        webView.navigationDelegate = self
        webView.uiDelegate = self // 别忘了给uiDelegate赋值，你之前声明了协议但没设置！
        webView.load(request)
        view.addSubview(webView)
    }
}

几个关键说明 #

1. OptionSet的灵活用法：WKAudiovisualMediaTypes 是一个OptionSet，你可以组合不同的类型：
   • 只禁止音频自动播放：.audio
   • 只禁止视频自动播放：.video
   • 禁止所有媒体自动播放：.all
2. 避免强制解包：把 url! 改成 guard let 可以防止URL无效时崩溃，这是新手要尽快养成的好习惯。
3. WKUIDelegate的赋值：你已经声明实现了 WKUIDelegate 协议，但之前没有给 webView.uiDelegate 赋值，虽然这个问题里不是核心，但后续如果需要处理网页弹窗、媒体播放界面等，这个设置是必须的。

额外补漏方案 #

如果设置后还是有音频自动播放，可能是网页里的JavaScript主动调用了 audio.play() 方法。这种情况下，你可以通过WKUserScript注入一段JS来拦截：

// 在创建webConfiguration后添加这段代码
let script = WKUserScript(source: """
// 拦截所有audio的play事件
document.querySelectorAll('audio').forEach(audio => {
    audio.addEventListener('play', (e) => {
        e.preventDefault();
    });
    // 同时禁用自动播放属性
    audio.removeAttribute('autoplay');
});
""", injectionTime: .atDocumentEnd, forMainFrameOnly: true)
webConfiguration.userContentController.addUserScript(script)

这段JS会在网页加载完成后，给所有audio标签添加拦截器，阻止播放事件触发，同时移除可能存在的自动播放属性。

内容的提问来源于stack exchange，提问作者Daniel Fernandez