H5在Android在Webview中申请语音、相机等资源权限

记载关于H5在Android的webView中申请语音、相机等资源权限开发过程

1、申请权限的JavaScript端（Vue）

这里申请权限时不停走了catch异常，提示语音权限禁止获取。

1.    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
2.       // 请求麦克风权限
3.       navigator.mediaDevices
4.         .getUserMedia({ audio: true })
5.         .then(function (stream) {
6.           console.log('录音权限已获取')
7.         })
8.         .catch(function (err) { // 用户拒绝或者发生错误
9.           console.log('无法获取录音权限:', err)
10.         })
11.     }

复制代码

2、Android端的 Webview授权（Kotlint）

这里使用AgentWeb做为Webview框架，可参考：github地址，gitee地址

1.        webViewAgentWeb = AgentWeb.with(this)
2.             .setAgentWebParent(webViewContainer, -1, LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT))
3.             .useDefaultIndicator(ContextCompat.getColor(this, R.color.light_blue), 3)
4.             .setSecurityType(AgentWeb.SecurityType.STRICT_CHECK)
5.             .setMainFrameErrorView(R.layout.agentweb_error_page, -1)
6.             .setOpenOtherPageWays(DefaultWebClient.OpenOtherPageWays.DISALLOW)
7.             .setWebChromeClient(object : WebChromeClient(){
8.                 // H5授权检查
9.                 override fun onPermissionRequest(request: PermissionRequest?) {
10.                     try {
11.                         if (request != null) {
12.                             if( !request.resources.contains(PermissionRequest.RESOURCE_AUDIO_CAPTURE)) return
13.                             if(allPermissionsGranted()){
14.                                 //允许H5申请资源权限
15.                                 request.grant(request.resources)
16.                                 //如果需要限制H5资源申请的权限类型，则使用For循环进行检查授权即可
17. //                                for (r in request.resources){
18. //                                    if (r == PermissionRequest.RESOURCE_AUDIO_CAPTURE){
19. //                                        request.grant(arrayOf(PermissionRequest.RESOURCE_AUDIO_CAPTURE))
20. //                                    }
21. //                                    break
22. //                                }
23.                             } else {
24.                                 requestPermissions()
25.                             }
26.                         }
27.                     }catch (e:Exception){
28.                         Log.d("WebView", "onPermissionRequest / Exception: ${e} ")
29.                         return
30.                     }
31.                 }
32.             })
33.             .interceptUnkownUrl()
34.             .createAgentWeb()
35.             .ready()
36.             .go(url)

复制代码

3、报错标题：假如H5端申请资源权限时 ，出现Android端不停报错如下：

1. ：java.lang.IllegalStateException: Either grant() or deny() has been already called.

复制代码

则说明在onPermissionRequest中使用了类继承方法导致的，注销掉 super.onPermissionRequest(request) 即可，如下：

1. //    super.onPermissionRequest(request) //调用父类（超类）中同名方法的一个实例 | 不使用这个，因为这里是继承onPermissionRequest，会导致无法再次调用grant进行授权的问题发生

复制代码

参考：Android : WebView中的摄像头错误(相机答应不工作)
  的相干办理思路。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。