Hey，我刚好做过类似的需求，用Xcode9+Swift在WKWebView里调用摄像头其实不难，不需要彻底改代码就能搞定，按下面的步骤一步步来就行：

1. 先搞定隐私权限配置 #

iOS对隐私权限管控很严格，必须在Info.plist里添加摄像头（如果需要音频还要加麦克风）的权限描述，否则App会直接崩溃：

• 打开你的Info.plist文件，添加以下两个键值对：
  • NSCameraUsageDescription：值要明确说明使用摄像头的原因，比如「需要访问摄像头来拍摄照片/视频」
  • NSMicrophoneUsageDescription：如果Web端需要录制音频就加这个，值类似「需要访问麦克风来录制音频」

你也可以直接用XML格式添加到plist文件中：

<key>NSCameraUsageDescription</key>
<string>需要访问摄像头来拍摄照片和视频</string>
<key>NSMicrophoneUsageDescription</key>
<string>需要访问麦克风来录制音频</string>

2. 配置WKWebView的权限策略 #

默认情况下WKWebView不会自动触发摄像头权限请求，所以初始化时要配置好权限策略：

• 创建WKWebViewConfiguration实例，设置mediaCapturePermissionPolicy为.request（让用户手动授权，符合iOS隐私规范）
• 记得给WKWebView设置UIDelegate，权限请求会通过这个代理回调处理

3. 实现权限请求的回调逻辑 #

当Web页面请求摄像头权限时，WKWebView会调用webView(_:permissionRequest:)方法，你可以在这里自定义授权逻辑（比如弹窗询问用户）：

func webView(_ webView: WKWebView, permissionRequest: WKPermissionRequest) {
    if let mediaRequest = permissionRequest as? WKMediaCapturePermissionRequest {
        // 弹窗询问用户是否授权
        let alert = UIAlertController(title: "权限请求", message: "应用需要访问摄像头和麦克风", preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "允许", style: .default, handler: { _ in
            mediaRequest.allow()
        }))
        alert.addAction(UIAlertAction(title: "拒绝", style: .cancel, handler: { _ in
            mediaRequest.deny()
        }))
        present(alert, animated: true)
    } else {
        permissionRequest.deny()
    }
}

4. 完整的WKWebView初始化代码示例 #

下面是适配Xcode9的完整Swift代码片段，直接放到你的ViewController里就能用：

import UIKit
import WebKit

class ViewController: UIViewController, WKUIDelegate {
    
    var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webConfig = WKWebViewConfiguration()
        // 设置媒体捕获权限策略，允许向用户请求授权
        webConfig.mediaCapturePermissionPolicy = .request
        
        // 初始化WKWebView并添加到视图
        webView = WKWebView(frame: view.bounds, configuration: webConfig)
        webView.uiDelegate = self
        view.addSubview(webView)
        
        // 加载你的目标网页（替换成你的实际URL）
        if let url = URL(string: "https://your-web-page-url.com") {
            let request = URLRequest(url: url)
            webView.load(request)
        }
    }
    
    // 处理权限请求的代理方法
    func webView(_ webView: WKWebView, permissionRequest: WKPermissionRequest) {
        if let mediaRequest = permissionRequest as? WKMediaCapturePermissionRequest {
            let alert = UIAlertController(title: "权限请求", message: "应用需要访问摄像头和麦克风", preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "允许", style: .default, handler: { _ in
                mediaRequest.allow()
            }))
            alert.addAction(UIAlertAction(title: "拒绝", style: .cancel, handler: { _ in
                mediaRequest.deny()
            }))
            present(alert, animated: true)
        } else {
            permissionRequest.deny()
        }
    }
}

5. Web端的配套代码 #

确保你的Web页面使用标准的WebRTC API调用摄像头，示例代码如下：

// 获取摄像头流并渲染到video标签
navigator.mediaDevices.getUserMedia({ video: true, audio: false })
    .then(function(stream) {
        const videoElement = document.getElementById('camera-video');
        videoElement.srcObject = stream;
        videoElement.play();
    })
    .catch(function(error) {
        console.error('访问摄像头失败:', error);
    });

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