Android webview加载页面获取摄像头权限实践(Kotlin)

下半年记忆

已于 2022-08-21 19:35:59 修改

阅读量3.3k

点赞数 3

分类专栏： Android 文章标签： android kotlin webview

于 2022-08-21 19:28:54 首次发布

本文链接：https://blog.csdn.net/xiongBen1993/article/details/126454210

版权

Android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

场景介绍：

Android app中的webview加载含摄像头相关逻辑的H5页面，进行赋权的操作

H5页面调取摄像头逻辑：

vue编写

<template>
  <div>
    <p>test page</p>
    <div>
      <video ref="video1" width="300" height="300" autoplay muted playsinline='true' webkit-playsinline='true' controls></video>
    </div>
    <div @click="run">start</div>
  </div>
</template>

<script>
export default {
  name: "TestPage",
  mounted() {
  },
  methods: {
    async run() {
      if (navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({ video: true })
            .then((stream) => {
              this.$refs.video1.srcObject = stream
            })
            .catch((err) => {
              console.log('Camera Error: ' + err.name + ' ' + err.message);
            });
      } else {
        console.log("搞飞机")
      }
    },
  }
}
</script>

<style scoped>

</style>

Android部分：

一：AndroidManifest.xml部分

新增相关权限

    <uses-permission android:name="android.permission.CAMERA"/>
    <uses-permission android:name="android.webkit.PermissionRequest" />
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

二：webview部分

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".QimuActivity">
        <WebView
                android:id="@+id/webView"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
</LinearLayout>

class QimuActivity : AppCompatActivity() {

    var web_url: String = "" // url地址
    
    @RequiresApi(Build.VERSION_CODES.LOLLIPOP)
    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)
        ActivityCompat.requestPermissions(this@QimuActivity, arrayOf(Manifest.permission.CAMERA),1010) // 提前获取摄像头权限
        setContentView(R.layout.activity_qimu)
        val webView: WebView = findViewById(R.id.webView)
        web_url = intent.getStringExtra("web_url").toString()

        webView.settings.userAgentString = "app/liveless"
        webView.settings.javaScriptEnabled = true
        webView.settings.domStorageEnabled = true
        webView.settings.defaultTextEncodingName = "UTF-8"
        webView.settings.allowContentAccess = true // 是否可访问Content Provider的资源，默认值 true
        webView.settings.allowFileAccess = true
        webView.settings.allowContentAccess = true
        webView.settings.mixedContentMode = WebSettings.MIXED_CONTENT_ALWAYS_ALLOW

        webView.webChromeClient = object : WebChromeClient() {
            @RequiresApi(Build.VERSION_CODES.LOLLIPOP)
            override fun onPermissionRequest(request: PermissionRequest?) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    request!!.grant(request.resources)
                }
            }

        }
        webView.loadUrl(web_url)
    }
}