SwiftUI中WKWebView无法调用前置摄像头问题求助

以下是几个必须检查的关键配置和事项：

1. 完善iOS隐私权限配置 #

必须在Info.plist中添加相机权限描述，否则WKWebView无法正常请求摄像头权限：

• 添加NSCameraUsageDescription（相机权限描述），值填写类似"需要访问摄像头进行视频通话"的说明
• 如果网页需要使用麦克风，同时添加NSMicrophoneUsageDescription

2. 正确处理WKWebView的媒体权限请求 #

你的WKWebView已经设置了navigationDelegate，但需要在coordinator中实现媒体权限授权逻辑，确保网页能获取摄像头权限：

func webView(_ webView: WKWebView, permissionRequest: WKPermissionRequest) {
    guard let mediaRequest = permissionRequest as? WKMediaCapturePermissionRequest else {
        permissionRequest.deny()
        return
    }
    // 允许网页的媒体捕获请求
    mediaRequest.allow()
}

注意：iOS 14及以上版本，这个方法是处理网页媒体权限的核心入口，必须正确实现才能让网页的摄像头请求生效。

3. 调整JavaScript的摄像头约束 #

虽然你用了exact: 'user'来强制前置摄像头，但部分设备或iOS版本可能对exact的支持有兼容性问题，可以尝试两种调整：

• 先去掉exact，使用基础写法：

  const constraints = {
      video: { facingMode: 'user' }
  };
  

• 或者使用ideal替代exact，优先选择前置摄像头：

  const constraints = {
      video: { facingMode: { ideal: 'user' } }
  };
  

另外必须确保getUserMedia的调用是由用户交互触发（比如按钮点击事件），iOS禁止网页自动触发媒体权限请求，必须由用户主动操作触发。

4. 补充WKWebViewConfiguration的必要设置 #

在配置WKWebView时，添加以下设置确保媒体捕获正常：

let configuration = WKWebViewConfiguration()
configuration.websiteDataStore = .nonPersistent()
// 允许内联媒体播放（对摄像头预览很重要）
configuration.allowsInlineMediaPlayback = true
// 允许媒体自动播放（可选，根据需求调整）
configuration.mediaTypesRequiringUserActionForPlayback = []

let webView = WKWebView(frame: .zero, configuration: configuration)
webView.navigationDelegate = context.coordinator
webView.isUserInteractionEnabled = true

5. 检查系统权限设置 #

确保在iOS系统设置中，你的App的相机权限设置为"允许访问所有相机"（iOS 16+新增选项），如果设置为"仅后置摄像头"，网页的前置请求会被系统拦截。

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