Android 透明 WebView 在 VideoView 之上

coder 2023-11-24 原文

我有一个 Ionic 项目，我想在其中显示视频，并在其之上显示 cordova 的内容 WebView .拥有透明WebView在视频 View 之上，在我使用的插件中:

webView.getView().setBackgroundColor(0x00000000);
((ViewGroup) webView.getView()).bringToFront();

VideoView被初始化并添加到 FrameLayout 中像这样:

FrameLayout containerView = (FrameLayout) cordova.getActivity().findViewById(1);

if (containerView == null) {
  containerView = new FrameLayout(cordova.getActivity().getApplicationContext());
  containerView.setId(1);
  containerView.setBackgroundColor(Color.BLACK);

  FrameLayout.LayoutParams containerLayoutParams = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT);
  cordova.getActivity().addContentView(containerView, containerLayoutParams);

  videoView = new VideoView(cordova.getActivity());
  videoView.setLayoutParams(new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT));
  containerView.addView(videoView);

  MediaPlayer player = new MediaPlayer();
  player.setOnPreparedListener(this);
  player.setOnCompletionListener(this);
  player.setOnErrorListener(this);

  final SurfaceHolder holder = videoView.getHolder();
  holder.setKeepScreenOn(true);
  holder.addCallback(new SurfaceHolder.Callback() {
    @Override
    public void surfaceCreated(SurfaceHolder holder) {
      player.setDisplay(holder);
      try {
        player.prepare();
      } catch (Exception e) {
        e.printStackTrace();
      }
    }
    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
      player.release();
    }
    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {}
  });
}

我已经在 Android 4.4.2 上测试过了，效果很好。然后我在 Android 5.1.1 和 WebView 上测试了它播放视频时不可见。但是如果我使用 Chrome 检查它并将鼠标悬停在 <body> 上例如(然后屏幕显示覆盖蓝色)，然后出现 html 内容中的元素。另外，如果我触摸屏幕，内容就会突然出现。因此，当与 WebView 没有交互时，这似乎是一个渲染问题。，但一旦 at 收到触摸或某种触发，它就会出现。

我也尝试过使用 Crosswalk，它在 4.2.2 上仍然运行良好，但仅在 5.1.1 上启动应用程序时有效，然后在第一次交互后仅在触摸屏幕时有效

我还设置了<preference name="BackgroundColor" value="0xff000000"/>在config.xml ，但这不会改变行为。

编辑 1: 我在其中添加了一个带有一些透明文本的 div，并在其上放置了一个简单的无限动画(只是将不透明度从 .9 更改为 1 )，瞧 WebView 中的元素现在播放时出现在视频的顶部。它并不像有时 WebView 那样完美内容会“闪烁”，但它确实有效。仍然不知道为什么，尽管

最佳答案

用下面的代码替换。

webView.setBackgroundColor(Color.TRANSPARENT);

如果你想在视频 View 之上添加 webview，使用应用程序内容布局并在其中添加 webview，如下所示。

FramlayoutLayout layout = (FramlayoutLayout )cordova.getActivity() findViewById(android.R.id.content);
layout.addview(your webview)

关于Android 透明 WebView 在 VideoView 之上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42777413/

有关Android 透明 WebView 在 VideoView 之上的更多相关文章

安卓apk修改(Android反编译apk) - 2
最近因为项目需要，需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源，并重新打包，签名生成新的自定义的apk，下面我来介绍一下我的实现过程。APK修改，分为以下几步：反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机（针对系统自带apk,其他软件免root）3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了，直接进入主题：按键win+R输入cmd，打开命令窗口，并将路
ruby - 在公共(public)基本路线之上构建路线？ - 2
我有一个共同的基本路径；说:get/base我需要执行基本身份验证并为该路径下的所有子调用工作。说:get/base/foo和get/base/bar。查看http://www.sinatrarb.com/intro.html#Helpers建议我应该能够通过使用助手来做到这一点。我正在查看pass帮助程序并在文档中触发新路由下使用call。但是，我读到的另一个建议是使用正则表达式IE%r{/base/?:(path)?}或类似的动态路由。那么:def'/base'#dosomefunkybasicauthstuffhere#toworkwithallrequesttothiscomm
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战（附源码包括添加手机联系人和发短信） - 2
运行有问题或需要源码请点赞关注收藏后评论区留言一、利用ContentResolver读写联系人在实际开发中，普通App很少会开放数据接口给其他应用访问。内容组件能够派上用场的情况往往是App想要访问系统应用的通讯数据，比如查看联系人，短信，通话记录等等，以及对这些通讯数据及逆行增删改查。首先要给AndroidMaifest.xml中添加响应的权限配置下面是往手机通讯录添加联系人信息的例子效果如下分成三个步骤先查出联系人的基本信息，然后查询联系人号码，再查询联系人邮箱代码 ContactAddActivity类packagecom.example.chapter07;importandroid
Android 10.0 设置默认launcher后安装另外launcher后默认Launcher失效的功能修复 - 2
1.前言在10.0的系统rom定制化开发中，在系统中有多个launcher的时候，会在开机进入launcher的时候弹窗launcher列表，让用户选择进入哪个launcher，这样显得特别的不方便所以产品开发中，要求用RoleManager的相关api来设置默认Launcher，但是在设置完默认Launcher以后，在安装一款Launcher的时候，默认Launcher就会失效，在系统设置的默认应用中Launcher选项就为空，点击home键的时候会弹出默认Launcher列表，让选择进入哪个默认Launcher.所以需要从安装Launcher的流程来分析相关的设置。来解决问题设置默认La
AiBote 2022 新研发的自动化框架，支持 Android 和 Windows 系统。速度非常快 - 2
Ai-Bot基于流行的Node.js和JavaScript语言的一款新自动化框架，支持Windows和Android自动化。1、Windowsxpath元素定位算法支持支持Windows应用、.NET、WPF、Qt、Java和Electron客户端程序和ie、edgechrome浏览器2、Android支持原生APP和H5界面，元素定位速度是appium十倍，无线远程自动化操作多台安卓设备3、基于opencv图色算法，支持找图和多点找色，1080*2340全分辨率找图50MS以内4、内置免费OCR人工智能技术，无限制获取图片文字和找字功能。5、框架协议开源，除官方node.jsSDK外，用户可
Android Gradle 7.1+新版本依赖变化 - 2
前一段时间由于工作需要把可爱的小雪狐舍弃了，找到了小蜜蜂。但是新版本的小蜜蜂出现了很多和旧版本不一样的位置。1.功能位置迁移，原来在工程build.gradle的buildscript和allprojects移动至setting.gradle并改名为pluginManagement和dependencyResolutionManagement。里面的东西依旧可以按照原来的copy过来。pluginManagement{repositories{gradlePluginPortal()google()mavenCentral()}}dependencyResolutionManagement{r
ruby - Ruboto 的最佳教程(适用于 Android 的 ruby)？ - 2
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我几乎用完了Ruby，但现在想试试Ruboto，android上的ruby。谷歌未能给我足够的(几乎没有结果)。所以任何人都可以分享一些关于Ruboto的教程。
微信小程序 webview页面分享弹窗 - 2
微信小程序webview中使用cover-view展示分享弹窗公司业务需要在webview中添加分享弹窗，可以发送给朋友及生成海报分享，因为好几个详情都需要这个功能，因此抽离了share-sheet的组件，ui效果如下图：点击分享，显示以下弹窗share-sheet.wxml如下：{!show}}"catchtouchmove="poptouchmove">发送给朋友生成海报取消share-sheet.js如下：Component({options:{addGlobalClass:true,},/***组件的属性列表*/properties:{//控制弹窗显示与否show:{type:Bool
Android Studio 解决Could not resolve com.android.tools.build:gradle:7.4.2问题 - 2
Aproblemoccurredconfiguringrootproject'MyApplication2'.>Couldnotresolveallfilesforconfiguration':classpath'. >Couldnotresolvecom.android.tools.build:gradle:7.4.2. Requiredby: project:>com.android.application:com.android.application.gradle.plugin:7.4.2 project:>com.android.library:com.andr
Android对话框的详细介绍（提示对话框，自定义对话框） - 2
简介：我们都知道在Android开发中，当我们的程序在与用户交互时，用户会得到一定的反馈，其中以对话框的形式的反馈还是比较常见的，接下来我们来介绍几种常见的对话框的基本使用。前置准备：（文章最后附有所有代码）我们首先先写一个简单的页面用于测试这几种Dialog（对话框）代码如下，比较简单，就不做解释了一、提示对话框（即最普通的对话框）首先我们给普通对话框的按钮设置一个点击事件，然后通过AlertDialog.Builder来构造一个对象，为什么不直接Dialog一个对象，是因为Dialog是一个基类，我们尽量要使用它的子类来进行实例化对象，在实例化对象的时候，需要将当前的上下文传过去，因为我这

Android 透明 WebView 在 VideoView 之上

有关Android 透明 WebView 在 VideoView 之上的更多相关文章

随机推荐