安卓开发Webview RTC 适配

一、场景

在混合开发方式中，项目前端使用了tracking.js 开发了一个人脸识别功能，但是在安卓端无法成功调用摄像头进行视频捕获，在浏览器中可以正常使用该功能。

二、问题分析

之前的音视频文件适配提供给前端的方式，都是通过input标签，而这次前端的使用方式很明显不是这种，查了一下tracking.js的实现原理，得到了getUserMedia这种方式，在html5中的使用，进而才了解到webRTC适配这个事情, 安卓默认没有授权。

参考文章：

webview权限适配和getUserMedia适配 | hss01248's blog

最终在代码中需要进行授权适配以及webview 设置修改处理：

WebSettings webSettings = mWebviewPage.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setMediaPlaybackRequiresUserGesture(false);
webSettings.setAllowContentAccess(true);
webSettings.setAllowFileAccess(true);
webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE );

 

//WebRTC 适配
//https://webrtc.github.io/samples/src/content/getusermedia/gum/
@Override
public void onPermissionRequest(PermissionRequest request) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        mWebRTCRequest = request;
        Log.d(TAG,"request getOrigin="+request.getOrigin());
        String[] permissonRes = request.getResources();
        //判断是否包含了视频 和 音频 两种，分别转化为对应的安卓权限
        boolean videoRequire = false;
        boolean audioRequire = false;
        for(String permission : permissonRes){
            Log.d(TAG,"request permission="+permission);
            if(permission.equals(PermissionRequest.RESOURCE_VIDEO_CAPTURE)){
                videoRequire = true;
            }else if (permission.equals(PermissionRequest.RESOURCE_AUDIO_CAPTURE)){
                audioRequire = true;
            }
        }
        //包含了音频则一定会要求视频
        if (audioRequire){
            boolean audioGranted =  HzNetUtil.selfPermissionGranted(mContext, Manifest.permission.RECORD_AUDIO);
            boolean cameraGranted =  HzNetUtil.selfPermissionGranted(mContext, android.Manifest.permission.CAMERA);
            if (audioGranted && cameraGranted){
                request.grant(request.getResources());
            }else {
                ActivityCompat.requestPermissions(WebViewActivity.this,
                        new String[]{android.Manifest.permission.CAMERA,
                                Manifest.permission.RECORD_AUDIO
                        }, Constants.PERMISSION_REQUEST_FOR_WEBVIEW_RTC);
            }
        }else {
            //只要视频
            boolean cameraGranted =  HzNetUtil.selfPermissionGranted(mContext, android.Manifest.permission.CAMERA);
            if (cameraGranted){
                request.grant(request.getResources());
            }else {
                ActivityCompat.requestPermissions(WebViewActivity.this,
                        new String[]{android.Manifest.permission.CAMERA
                        }, Constants.PERMISSION_REQUEST_FOR_WEBVIEW_RTC);
            }
        }
    }else {
        AFLog.w(TAG,"安卓低版本，不支持WebRTC");
    }
}

如此这般适配之后，基本可以正常通过webview 唤起摄像头进行业务功能了。

测试地址：
getUserMediaWebRTC code sampleshttps://webrtc.github.io/samples/src/content/getusermedia/gum/