• WebView播放视频白屏、不能全屏问题解决


    在项目中,会有在webview嵌入的网页中播放视频的需求,会在部分手机上出现白屏或有声音无画面等问题,并且存在全屏按钮点击无效果的问题。

    此文章已收入Android偶遇杂症合集(持续更新)

    1. 播放视频白屏、无画面问题解决

    原因是WebView播放视频时可能需要硬件加速才可以正常播放视频,关闭硬件加速可能在部分手机上出现白屏、无画面、无法暂停等问题。解决方法就是开启硬件加速:

    1. 在AndroidManifest.xml的application中声明HardwareAccelerate属性
    2. 在AndroidManifest.xml的对应activity中声明HardwareAccelerate属性
    3. 在使用WebView的代码前添加如下代码:
    window.setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,
    		WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED)
    

    2. 视频不能全屏问题解决

    原因是WebView的视频全屏事件是需要客户端完成后续逻辑的,网页点击全屏按钮会触发WebChromeClient的onShowCustomView方法,全屏后缩回来会触发onHideCustomView方法,在这两个方法中我们要对视频进行一个全屏放大的处理。

    在我们的WebView使用之前需要添加的代码如下:

        var fullscreenContainer: FrameLayout? = null
        var customViewCallback: WebChromeClient.CustomViewCallback? = null
        val mWebChromeClient = object : WebChromeClient() {
            override fun onShowCustomView(view: View?, callback: CustomViewCallback?) {
                super.onShowCustomView(view, callback)
                showCustomView(view, callback)
            }
    
            override fun onHideCustomView() {
                super.onHideCustomView()
                hideCustomView()
            }
        }
    
        /**
         * 显示自定义控件
         */
        private fun showCustomView(view: View?, callback: WebChromeClient.CustomViewCallback?) {
            if (fullscreenContainer != null) {
                callback?.onCustomViewHidden()
                return
            }
    
            fullscreenContainer = FrameLayout(context).apply { setBackgroundColor(Color.BLACK) }
            customViewCallback = callback
            fullscreenContainer?.addView(view)
            val decorView = (context as? Activity)?.window?.decorView as? FrameLayout
            (context as? Activity)?.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
            decorView?.addView(fullscreenContainer)
        }
    
        /**
         * 隐藏自定义控件
         */
        private fun hideCustomView() {
            if (fullscreenContainer == null) {
                return
            }
    
            val decorView = (context as? Activity)?.window?.decorView as? FrameLayout
            (context as? Activity)?.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
            fullscreenContainer?.removeAllViews()
            decorView?.removeView(fullscreenContainer)
            fullscreenContainer = null
            customViewCallback?.onCustomViewHidden()
            customViewCallback = null
        }
    

    最终在WebView使用时,为WebView设置WebChromeClient:

    	webView.webChromeClient = mWebChromeClient
    
  • 相关阅读:
    关于MySQL相关的查看显示信息:
    学习笔记:MySQL列属性
    学习笔记:MySQL字符串类型
    学习笔记:MySQL操作初步
    学习笔记:MySQL数据库初步 概念
    PHP就业班心得:IP与域名以及DNS和端口号的概念
    PHP就业班心得:PHP的基本含义与功能特点
    PHP基础班初学感悟
    PHP基础班初学心得:用JQ实现表单的全选、反选、取消和删除功能
    PHP基础班初学心得:JS里inner的一些理解
  • 原文地址:https://www.cnblogs.com/hwb04160011/p/13960585.html
Copyright © 2020-2023  润新知