ios – 在wkwebview中启用摄像头和麦克风访问

1.创建一个JavaScript文件(WebRTC.js),定义各种WebRTC类和函数,并将调用传递给WKWebView,例如：

(function() {
  if (!window.navigator) window.navigator = {};
  window.navigator.getUserMedia = function() {
    webkit.messageHandlers.callBACkHandler.postmessage(arguments);
  }
})();

2.在WKWebView中,在文档start处注入脚本：

let contentController = WKUserContentController();
contentController.add(self,name: "callBACkHandler")

let script = try! String(contentsOf: Bundle.main.url(forresource: "WebRTC",withExtension: "js")!,encoding: String.Encoding.utf8)
contentController.addUserScript(WKUserScript(source: script,injectionTime: WKUserScripTinjectionTime.atDocumentStart,forMainFrameOnly: truE))

let config = WKWebViewConfiguration()
config.userContentController = contentController

webView = WKWebView(frame: CGRect.zero,configuration: config)

3.侦听从JavaScript发送的消息：

class ViewController: UIViewController,WKUIDelegate,WKNavigationDelegate,WKScriptmessageHandler {
  var webView: WKWebView!

  func userContentController(_ userContentController: WKUserContentController,didReceive message: WKScriptmessagE) {
    if message.name == "callBACkHandler" {
      print(message.body)
      // make native calls to the WebRTC framework here
    }
  }
}

4.如果需要在JavaScript-land中执行成功或失败回调,请直接在WKWebView中评估函数调用：

webView.evaluateJavaScript("callBACk({id: \(id),status: 'success',args: ...})",completionHandler: nil)

在调用postmessage之前,这些回调需要存储在JavaScript的哈希中,然后必须将哈希键发送到WKWebView.这是插件中的commandId.

int exec_id = 0;
function exec(success,failure,...) {
  // store the callBACks for later
  if (typeof success == 'function' || typeof failure == 'function') {
    exec_id++;
    exec_callBACks[exec_id] = { success: success,failure: failure };
    var commandId = exec_id;
  }
  webkit.messageHandlers.callBACkHandler.postmessage({id: commandId,args: ...})
}

// the native code calls this directly with the same commandId,so the callBACks can be performed and released
function callBACk(opts) {
  if (opts.status == "success") {
    if (typeof exec_callBACks[opts.id].success == 'function') exec_callBACks[opts.id].success(opts.args);
  } else {
    if (typeof exec_callBACks[opts.id].failure == 'function') exec_callBACks[opts.id].failure(opts.args);
  }
  // some WebRTC functions invoke the callBACks multiple times
  // the native Cordova plugin uses setKeepCallBACkAs(true)
  if (!opts.keepalivE) delete exec_callBACks[opts.id];
}

5.当然,将NSCameraUsageDescription和NSMicrophoneUsageDescription权限添加到项目的Info.plist中.

请记住,这是一项非常重要的任务,但这是使用异步回调桥接JavaScript,WKWebView和本机框架代码的总体思路.