iOS17中WKWebView调用相机后播放音频音量过低问题

以下是针对iOS 17系统中该问题的几种可行解决方案：

1. 主动强制切换音频会话类别 #

iOS 17调用相机后，系统可能将音频会话切换到了适配通话的类别（如playAndRecord），导致音频默认走听筒。可以在音频播放前主动设置会话为播放模式：

import AVFoundation

func switchAudioToSpeaker() {
    let audioSession = AVAudioSession.sharedInstance()
    do {
        // 设置类别为播放模式，并强制默认使用扬声器
        try audioSession.setCategory(.playback, mode: .default, options: .defaultToSpeaker)
        try audioSession.setActive(true)
    } catch {
        print("音频会话配置失败: \(error.localizedDescription)")
    }
}

可以在WKWebView加载完成后、或者JS触发音频播放前调用该方法。

2. 监听音频会话变化并修正 #

注册音频会话类别变更通知，一旦检测到会话被相机调用修改，立即重新切换到扬声器模式：

// 在WKWebView初始化时注册通知
NotificationCenter.default.addObserver(self, 
                                       selector: #selector(audioSessionUpdated), 
                                       name: AVAudioSession.categoryDidChangeNotification, 
                                       object: nil)

// 处理通知的方法
@objc private func audioSessionUpdated(notification: Notification) {
    switchAudioToSpeaker()
}

// 记得在页面销毁时移除观察者
deinit {
    NotificationCenter.default.removeObserver(self)
}

3. 通过JS与原生交互提前配置 #

让JS在播放音频前通知原生端，先完成音频会话配置再执行播放逻辑：

原生端配置 #

// 初始化WKWebView时添加脚本消息处理器
let config = WKWebViewConfiguration()
config.userContentController.add(self, name: "setupAudioForSpeaker")

// 实现WKScriptMessageHandler协议
extension YourViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "setupAudioForSpeaker" {
            switchAudioToSpeaker()
            // 通知JS可以开始播放音频
            webView.evaluateJavaScript("startAudioPlayback()") { _, error in
                if let error = error {
                    print("触发JS播放失败: \(error)")
                }
            }
        }
    }
}

JS端逻辑 #

// 定义音频播放函数
function startAudioPlayback() {
    const audio = new Audio('your-audio-source.mp3');
    audio.play().catch(err => console.log("播放失败: ", err));
}

// 调用相机后准备播放音频时，先通知原生配置
window.webkit.messageHandlers.setupAudioForSpeaker.postMessage(null);

注意事项 #

• 确保Info.plist中添加了NSMicrophoneUsageDescription权限描述（相机调用可能关联麦克风权限，iOS 17对权限校验更严格）
• 所有方案需在真机上测试，模拟器的音频路由逻辑与真机存在差异
• 若使用<video>标签播放音频，上述方案同样适用

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