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

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

   if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
      // 请求麦克风权限
      navigator.mediaDevices
        .getUserMedia({ audio: true })
        .then(function (stream) {
          console.log('录音权限已获取')
        .catch(function (err) { // 用户拒绝或者发生错误
          console.log('无法获取录音权限:', err)
2、Android端的 Webview授权（Kotlint）
 
这里使用AgentWeb做为Webview框架，可参考：github地址，gitee地址
 
       webViewAgentWeb = AgentWeb.with(this)
            .setAgentWebParent(webViewContainer, -1, LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT))
            .useDefaultIndicator(ContextCompat.getColor(this, R.color.light_blue), 3)
            .setSecurityType(AgentWeb.SecurityType.STRICT_CHECK)
            .setMainFrameErrorView(R.layout.agentweb_error_page, -1)
            .setOpenOtherPageWays(DefaultWebClient.OpenOtherPageWays.DISALLOW)
            .setWebChromeClient(object : WebChromeClient(){
                // H5授权检查
                override fun onPermissionRequest(request: PermissionRequest?) {
                    try {
                        if (request != null) {
                            if( !request.resources.contains(PermissionRequest.RESOURCE_AUDIO_CAPTURE)) return
                            if(allPermissionsGranted()){
                                //允许H5申请资源权限
                                request.grant(request.resources)
                                //如果需要限制H5资源申请的权限类型，则使用For循环进行检查授权即可
//                                for (r in request.resources){
//                                    if (r == PermissionRequest.RESOURCE_AUDIO_CAPTURE){
//                                        request.grant(arrayOf(PermissionRequest.RESOURCE_AUDIO_CAPTURE))
//                                    }
//                                    break
//                                }
                            } else {
                                requestPermissions()
                    }catch (e:Exception){
                        Log.d("WebView", "onPermissionRequest / Exception: ${e} ")
                        return
            .interceptUnkownUrl()
            .createAgentWeb()
            .ready()
            .go(url)
3、报错问题：如果H5端申请资源权限时 ，出现Android端一直报错如下：
 
：java.lang.IllegalStateException: Either grant() or deny() has been already called.
则说明在onPermissionRequest中使用了类继承方法导致的，注销掉 super.onPermissionRequest(request) 即可，如下：
 
//    super.onPermissionRequest(request) //调用父类（超类）中同名方法的一个实例 | 不使用这个，因为这里是继承onPermissionRequest，会导致无法再次调用grant进行授权的问题发生
参考：Android : WebView中的摄像头错误(相机允许不工作)
  的相关解决思路。
                                    需要注意的是，由于安卓设备的硬件配置和性能各异，因此录音的质量和可靠性可能会有所不同。遇到一个需求，需要做一个手机网页录音的功能，嵌入到webview中去，用安卓原生录音倒是可以，但是想着尽量去安卓化开发，就想着用纯的js前端代码去实现录音功能。需要注意的是，在使用 pause() 和 resume() 方法时，我们需要考虑到录音时长和暂停/恢复时的延迟时间，以确保正确的录音效果。-----------------------这是一条美丽的分割线-----------------------
                                    WebView是安卓中用来显示html文本内容的的控件，对html5也有很好的支持，ios的控件UIWebView差不多。网上对WebView的解释很多，但都是零星的介绍，导致到现在为止webview给我的印象都是，貌似很强大，其实很鸡肋，于是决定总结一下webview的开发经验。使用WebView并不需要开通网络权限网上有文章说webview需要开通internet权限，否则会出Web page...
created() {
  if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) {
  this.getUserMedi...
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses.
                                    iframe标签的allow属性是HTML5中用来控制iframe内嵌的内容所允许访问的权限的一个属性。11. “picture-in-picture”：允许将iframe中的视频以画中画模式播放。2，需要指定iframe的可使用权限，如果A域名和B域名不一致，需要开放域名限制*2. “autoplay”：允许iframe中的音视频自动播放。8. “magnetometer”：允许使用磁力计设备。9. “microphone”：允许使用麦克风设备。3. “camera”：允许使用摄像头设备。
                                    通过使用动态权限请求框架和WebView组件，开发者可以轻松地向用户请求摄像头权限，并在WebView中呈现实时摄像头图像。本文旨在为开发者提供一种实现在WebView中调用摄像头功能的方案，通过动态申请摄像头权限，确保用户的数据安全性。摘要：本文介绍了在Android应用中动态申请摄像头权限，以便在WebView中实现摄像头功能。通过使用动态权限请求框架和WebView组件，开发者可以轻松地向用户请求摄像头权限，并在WebView中显示实时摄像头图像。方法，在WebView中显示摄像头功能。
                                    主要针对前端适配录音能力的简要记录，针对默认的wav及其可能需要转换到特定的mp3之类格式以适配需求的问题。（这类通常是兼容tts或客服语音备份）这里纠结点主要会是在ios/android设备的兼容及类型转换的问题。