Android播放透明视频_wlmedia-程序员宅基地

技术标签：开源项目透明视频 android android 透明视频实用功能 wlmedia

话不多说，开局一张图，内容全靠“编”：

随着业务场景的增多，更多的特效用原生绘制、GIF的方式都不能很好的满足需求了，这就带来了一个新的方式：用视频特效来代替。特别是在视频（直播）行业中，各种特效炫酷又精美，能很好的表达用户的想法。但是这也带来了一个问题：虽然播放视频非常简单，但是同时要把视频下面的UI也展示出来就没那么简单了，这就需要视频有透明效果，这样才能不遮挡底层UI。既然写了这篇博客，自然有很简单的方式来实现这种透明视频的播放了，那就是用第三方库《wlmedia》，几句代码就能实现透明视频的播放。

一、先来大致说一下透明视频播放原理（只是单纯的调用库也不好）：

视频播放一般都会把视频数据（大部分是yuv）转换为rgba来渲染（播放），实际情况我们也是这么做的，拿到rgba颜色数据之后通过OpenGL绘制到surface上面，此时渲染出来的视频就是正常的（不透明的），因为我们默认alpha通道为1（1完全不透明，0完全透明）。当我们需要达到透明效果时就需要控制alpha通道的值，在渲染像素点的颜色时并考虑当前像素点的透明度，这样渲染出来的颜色值就是带透明度的，这样透明视频的播放就可以实现了。

二、播放透明视频的方式：

1、过滤某一范围的颜色值（最简单，适用于任一视频，但效果不佳，类似于电影绿布效果）：

比如我们把特效视频背景设置成黑色 [r(0) g(0) b(0)]，然后特效用其他颜色来实现（尽量不要包含黑色），这样我们渲染时就可以判断当前像素的rgb分量值是否接近0，如果接近0，那么就把此像素的alpha值设置成0（完全透明），这样这个像素点就不会显示出来，达到了透明的效果；反之若此像素的rgb分量值与0相差比较大，此时设置alpha的值为1（完全不透明），这样这个像素点就显示出来了，我们的特效也就显示出来了。

2、制作包含alpha分量值的视频（复杂，视频需定制）：

这种视频常见的制作效果是alpha值和特效左右平分，alpha值用黑白特效视频制作（纯黑色为0-完全透明，纯白色为1-完全不透明，其余颜色介于（0~1-部分透明）之间），当渲染视频时，首先去拿特效的rgb值，然后再通过rgb的坐标位置去拿alpha值，这样结合起来就可以实现透明效果，当然播放时我们只需要裁剪播放特效视频那一部分区域。比如：特效rgb值是 rgb(100)红色，此时这个值对应的alpha的值的rgb值为（0.5,0.5,0.5），这样我们就取到了透明度alpha=0.5，最终渲染像素点时的rgba值就是rgba(1,0,0,0.5)成了半透明的红色。

三、SDK调用方式：

虽然原理和实现讲了，但是要完全实现效果出来还是有一定的难度，下面我们就开的调用wlmedia的库了，简直so easy!

1、gradle中导入库：目前最新版本 1.1.3

implementation 'ywl.ywl5320:wlmedia:1.1.3'

2、设置布局：

//位于所有布局上层
<com.ywl5320.wlmedia.surface.WlSurfaceView
        android:id="@+id/wlsurfaceview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible"/>

//和普通view一样可随意设置位置
<com.ywl5320.wlmedia.surface.WlTextureView
        android:id="@+id/wltextureView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible"/>

3、开始播放（关键代码）

WlSurfaceView wlSurfaceView = findViewById(R.id.wlsurfaceview);
wlSurfaceView.enableTransBg(true); //设置surface背景透明
WlMedia wlMedia = new WlMedia();
wlSurfaceView.setWlMedia(wlMedia);
wlMedia.setSourceType(WlSourceType.NORMAL);
wlMedia.setCodecType(WlCodecType.CODEC_MEDIACODEC);
wlMedia.setLoopPlay(false);
wlMedia.setVideoClearColor(0, 0, 0, 0); //设置surface颜色透明
wlMedia.enableTransVideo(WlVideoTransType.VIDEO_TRANS_LEFT_ALPHA); //设置alpha通道类型（左边）
wlMedia.prepared();

以上就是播放透明视频的原理和方法，不止在android中，其他平台也是一样的，原理才是核心。

Demo下载地址：GitHub：alphavideo

注：部分视频素材来自AlphaPlayer

本文链接：https://blog.csdn.net/ywl5320/article/details/108812241

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

软件测试流程包括哪些内容？测试方法有哪些？_测试过程管理中包含哪些过程-程序员宅基地

文章浏览阅读2.9k次，点赞8次，收藏14次。测试主要做什么？这完全都体现在测试流程中，同时测试流程是面试问题中出现频率最高的，这不仅是因为测试流程很重要，而是在面试过程中这短短的半小时到一个小时的时间，通过测试流程就可以判断出应聘者是否合适，故在测试流程中包含了测试工作的核心内容，例如需求分析，测试用例的设计，测试执行，缺陷等重要的过程。..._测试过程管理中包含哪些过程

政府数字化政务的人工智能与机器学习应用：如何提高政府工作效率-程序员宅基地

文章浏览阅读870次，点赞16次，收藏19次。1.背景介绍政府数字化政务是指政府利用数字技术、互联网、大数据、人工智能等新技术手段，对政府政务进行数字化改革，提高政府工作效率，提升政府服务质量的过程。随着人工智能(AI)和机器学习(ML)技术的快速发展，政府数字化政务中的人工智能与机器学习应用也逐渐成为政府改革的重要内容。政府数字化政务的人工智能与机器学习应用涉及多个领域，包括政策决策、政府服务、公共安全、社会治理等。在这些领域，人工...

ssm+mysql+微信小程序考研刷题平台_mysql刷题软件-程序员宅基地

文章浏览阅读219次，点赞2次，收藏4次。系统主要的用户为用户、管理员，他们的具体权限如下：用户：用户登录后可以对管理员上传的学习视频进行学习。用户可以选择题型进行练习。用户选择小程序提供的考研科目进行相关训练。用户可以进行水平测试，并且查看相关成绩用户可以进行错题集的整理管理员：管理员登录后可管理个人基本信息管理员登录后可管理个人基本信息管理员可以上传、发布考研的相关例题及其分析，并对题型进行管理管理员可以进行查看、搜索考研题目及错题情况。_mysql刷题软件

根据java代码描绘uml类图_Myeclipse8.5下JAVA代码导成UML类图-程序员宅基地

文章浏览阅读1.4k次。myelipse里有UML1和UML2两种方式，UML2功能更强大，但是两者生成过程差别不大1.建立Test工程，如下图，uml包存放uml类图package com.zz.domain;public class User {private int id;private String name;public int getId() {return id;}public void setId(int..._根据以下java代码画出类图

Flume自定义拦截器-程序员宅基地

文章浏览阅读174次。需求：一个topic包含很多个表信息，需要自动根据json字符串中的字段来写入到hive不同的表对应的路径中。发送到Kafka中的数据原本最外层原本没有pkDay和project，只有data和name。因为担心data里面会空值，所以根同事商量，让他们在最外层添加了project和pkDay字段。pkDay字段用于表的自动分区，proejct和name合起来用于自动拼接hive表的名称为 ..._flume拦截器自定义开发 kafka

java同时输入不同类型数据,Java Spring中同时访问多种不同数据库-程序员宅基地

文章浏览阅读380次。原标题：Java Spring中同时访问多种不同数据库多样的工作要求，可以使用不同的工作方法，只要能获得结果，就不会徒劳。开发企业应用时我们常常遇到要同时访问多种不同数据库的问题，有时是必须把数据归档到某种数据仓库中，有时是要把数据变更推送到第三方数据库中。使用Spring框架时，使用单一数据库是非常容易的，但如果要同时访问多个数据库的话事件就变得复杂多了。本文以在Spring框架下开发一个Sp..._根据输入的不同连接不同的数据库