基于exoplayer播放器的高斯模糊视频滤镜

最近项目需求，视频滤镜要用高斯模糊。奈何网上全是图片高斯模糊，且模糊的强度不够，效果并不是自己需要的。

于是，打算自己写一个。

exoPlayer播放器自带滤镜，所以用这个播放器来做。

滤镜的话，用到的是OpenGL来写（不会OpenGL，东拼西凑的）

先看效果吧

另外，暴露出4个参数，供需求用

radius	偏移量
blurX	X轴方向偏移次数
blurY	Y轴方向偏移次数
trans	亮度

原理大概是：

将原图层亮度调为原来的 trans倍(trans为自定义参数，默认0.005)，然后copy一层X轴方向偏移，copy一层Y轴偏移，偏移量为radius。

画个图解释一下

然后图层多了，就可以达到高斯模糊的效果。

下面粘贴部分源代码

1.关键代码，滤镜

#GaussianBlurEffect
#extension GL_OES_EGL_image_external : require
precision mediump float;
varying vec2 vTextureCoord;
uniform samplerExternalOES sTexture;
const float resolution=1024.0;
const float radius = radius;
vec2 dir = vec2(1.0,1.0);void main() {vec4 sum = vec4(0.0);vec2 tc = vTextureCoord;float blur = radius/resolution;float hstep = dir.x;float vstep = dir.y;int x = blurX;int y = blurY;for(int i = x;i > 0;i--){ for(int j = y; j > 0; j--){sum = texture2D(sTexture, vec2(tc.x + float(i)*blur*hstep, tc.y + float(j)*blur*vstep)) *trans;sum = texture2D(sTexture, vec2(tc.x - float(i)*blur*hstep, tc.y + float(j)*blur*vstep)) *trans;sum = texture2D(sTexture, vec2(tc.x - float(i)*blur*hstep, tc.y - float(j)*blur*vstep)) *trans;sum = texture2D(sTexture, vec2(tc.x + float(i)*blur*hstep, tc.y - float(j)*blur*vstep)) *trans;}}vec4 cc= texture2D(sTexture,vTextureCoord );gl_FragColor =vec4(sum.rgb, cc.a);}

代码中的radius, blurX, blurY, trans 对象，已在上面说明，可以改成固定值

顺手贴一段，无效果的滤镜代码用作参考对比

#NoEffect
#extension GL_OES_EGL_image_external : requireprecision mediump float;varying vec2 vTextureCoord;uniform samplerExternalOES sTexture;void main() {gl_FragColor = texture2D(sTexture, vTextureCoord);}

然后通过OpenGL和Java绑定(具体绑定方法，不赘述，可以直接看Demo)

GLES20.glCreateProgram();//创建
GLES20.glAttachShader(program, vertexShader);
GLES20.glAttachShader(program, pixelShader);

exoPlayer是用textureView来显示视频，所以应该在xml文件中，加上textureView. (ImageView是一个开始播放的按钮)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.hyq.hm.openglexo.MainActivity"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><TextureViewandroid:id="@+id/texture_view"android:layout_width="match_parent"android:layout_height="match_parent" /><ImageViewandroid:id="@+id/video_player"android:layout_width="60dp"android:layout_height="60dp"android:layout_centerInParent="true"android:src="@drawable/ic_play"android:onClick="playVideo"/></RelativeLayout></android.support.constraint.ConstraintLayout>

然后是MainActivity的初始化，适当做了注释。后面没注释的，主要都是Activity生命周期播放器的操作

public class MainActivity extends AppCompatActivity {private View videoPlayerView;//播放器 播放按钮Viewprivate TextureView textureView;//纹理 播放视频用private SimpleExoPlayer player;//播放器private Handler mainHandler;private boolean isPlayer = false;private EGLUtils mEglUtils;//EGL工具类private GLFramebuffer mFramebuffer;//滤镜代码，以及绑定和绘制的方法private String uri = "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);videoPlayerView = findViewById(R.id.video_player);mainHandler = new Handler();textureView = findViewById(R.id.texture_view);textureView.setSurfaceTextureListener(new TextureView.SurfaceTextureListener() {@Overridepublic void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {//初始化SurfaceTexture, 准备就绪init(new Surface(surface),uri);}@Overridepublic void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {//SurfaceTexture改变大小时调用}@Overridepublic boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {//SurfaceTexture摧毁时调用return false;}@Overridepublic void onSurfaceTextureUpdated(SurfaceTexture surface) {//SurfaceTexture更新时调用}});}public void init(Surface surface,String uri){
//        Uri url = Uri.parse(Environment.getExternalStorageDirectory().getAbsolutePath() +"/HMSDK/video/1531383835814.mp4");//本地指定视频Uri url = Uri.parse(uri);//网络视频地址DefaultBandwidthMeter bandwidthMeter = new DefaultBandwidthMeter();TrackSelection.Factory videoTrackSelectionFactory = new AdaptiveTrackSelection.Factory(bandwidthMeter);TrackSelector trackSelector = new DefaultTrackSelector(videoTrackSelectionFactory);player = ExoPlayerFactory.newSimpleInstance(this, trackSelector);DataSource.Factory dataSourceFactory = new DefaultDataSourceFactory(this,Util.getUserAgent(this, "ExoPlayerTime"), bandwidthMeter);MediaSource videoSource = new ExtractorMediaSource.Factory(dataSourceFactory).createMediaSource(url, mainHandler,null);player.addVideoTiemListener(new VideoTimeListener() {@Overridepublic Surface onSurface(Surface surface,int width,int height) {mEglUtils = new EGLUtils();mEglUtils.initEGL(surface);mFramebuffer = new GLFramebuffer();//滤镜对象mFramebuffer.initFramebuffer(textureView.getWidth(),textureView.getHeight(),width,height);return new Surface(mFramebuffer.getSurfaceTexture());}@Overridepublic void onVideoTimeChanged(long time) {//每一帧调用一次mFramebuffer.drawFrame();mEglUtils.swap();}@Overridepublic void onRelease() {if(mEglUtils != null){mEglUtils.release();}}});player.setVideoSurface(surface);player.prepare(videoSource);}public void playVideo(View view){if(player.getContentPosition() >= player.getDuration()){player.seekTo(0);}player.setPlayWhenReady(true);videoPlayerView.setVisibility(View.INVISIBLE);isPlayEnd();}private Handler seekBarHandler = new Handler(){@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);if(player.getPlayWhenReady() && player.getContentPosition() < player.getDuration()){isPlayEnd();}else{if(!isPlayer){player.setPlayWhenReady(false);videoPlayerView.setVisibility(View.VISIBLE);}}}};private void isPlayEnd(){seekBarHandler.removeMessages(100);Message message = seekBarHandler.obtainMessage();message.what = 100;seekBarHandler.sendMessageDelayed(message,100);}@Overrideprotected void onResume() {super.onResume();if(player != null){if(isPlayer){player.setPlayWhenReady(true);isPlayer = false;isPlayEnd();}}}@Overrideprotected void onPause() {super.onPause();if(player != null){if(player.getPlayWhenReady()){player.setPlayWhenReady(false);isPlayer = true;}}}@Overrideprotected void onDestroy() {super.onDestroy();if(player != null){player.stop();player.release();player = null;}}
}

xml文件中那个src

复制到drawable文件夹中

<vector android:height="24dp" android:viewportHeight="1024.0"android:viewportWidth="1024.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android"><path android:fillColor="#d81e06" android:pathData="M512,0C230.4,0 0,230.4 0,512c0,281.6 230.4,512 512,512 117.8,0 227.8,-38.4 320,-110.1 10.2,-7.7 12.8,-23 5.1,-35.8 -7.7,-10.2 -23,-12.8 -35.8,-5.1C719.4,939.5 617,972.8 512,972.8 256,972.8 51.2,768 51.2,512 51.2,256 256,51.2 512,51.2 768,51.2 972.8,256 972.8,512c0,87 -25.6,171.5 -69.1,243.2 -7.7,12.8 -2.6,28.2 7.7,33.3 12.8,7.7 28.2,2.6 33.3,-7.7 51.2,-79.4 76.8,-174.1 76.8,-271.4C1024,230.4 793.6,0 512,0z"/><path android:fillColor="#d81e06" android:pathData="M714.2,458.2c-17.9,-15.4 -245.8,-222.7 -245.8,-222.7 -10.2,-10.2 -25.6,-7.7 -35.8,2.6 -5.1,5.1 -7.7,12.8 -7.7,17.9 0,0 0,0 0,0 0,0 0,499.2 0,512 0,15.4 10.2,25.6 25.6,25.6 5.1,0 12.8,-2.6 15.4,-7.7 2.6,-2.6 217.6,-186.9 240.6,-207.4 23,-20.5 33.3,-38.4 33.3,-64C742.4,491.5 732.2,473.6 714.2,458.2zM681,535c-7.7,5.1 -204.8,176.6 -204.8,176.6l0,-399.4c0,0 186.9,166.4 202.2,181.8C696.3,512 698.9,519.7 681,535z"/>
</vector>

当然，别忘了在AndroidManifest.xml中，添加网络权限

<uses-permission android:name="android.permission.INTERNET" />

另外，我整合了aar文件。如果不愿意自己写，也可以用aar文件，直接用就行。点击直接前往。

源码打包：地址；看心情传github

基于exoplayer播放器的高斯模糊视频滤镜相关推荐

基于exoplayer播放器的高斯模糊视频滤镜，整合aar文件，给伸手党
接入步骤如下: 接入步骤 1.aar文件拷贝至app下libs文件夹内 2.在app下的build.gradle中添加(最外层) repositories {flatDir {dirs 'libs'} ...
ExoPlayer播放器剖析（六）ExoPlayer同步机制分析
关联博客 ExoPlayer播放器剖析(一)进入ExoPlayer的世界 ExoPlayer播放器剖析(二)编写exoplayer的demo ExoPlayer播放器剖析(三)流程分析-从build到 ...
android vr播放器开发,Android应用开发之Android VR Player（全景视频播放器）- ExoPlayer播放器MPEG-DASH视频播放...
本文将带你了解Android应用开发之Android VR Player(全景视频播放器)- ExoPlayer播放器MPEG-DASH视频播放,希望本文对大家学Android有所帮助. Androi ...
音视频从入门到精通——FFmpeg 播放器实现音视频同步的三种方式
老人们经常说,播放器对音频和视频的播放没有绝对的静态的同步,只有相对的动态的同步,实际上音视频同步就是一个"你追我赶"的过程. 音视频的同步方式有 3 种,即:音视频分别向系统时钟 ...
JWPlayer Flash播放器如何实现视频分段载入播放从而节省带宽？
近期由于一个项目的需要,对Flash版本的播放器JWPlayer做了一些改进以支持一些功能,这里把中间用到的一些思路和做法记录下. 首先一个功能是:客户的很多flv视频都是完整的一个大视频,希望JWP ...
ExoPlayer播放器剖析（五）ExoPlayer对AudioTrack的操作
关联博客 ExoPlayer播放器剖析(一)进入ExoPlayer的世界 ExoPlayer播放器剖析(二)编写exoplayer的demo ExoPlayer播放器剖析(三)流程分析-从build到 ...
暴风影音能播放html视频吗,暴风影音播放器支持哪些视频格式
暴风影音播放器是一款非常给力的视频播放器.该软件能够支持主流的视频格式,当然一些特殊的格式也基本支持,下面就和小编一起来看看到底都支持哪些格式吧! 暴风影音播放器支持哪些视频格式: 1.常规视频.DV ...
ExoPlayer播放器在瑞芯微rk3228CPU播放H264编码格式1080P媒体资源编解码器解码失败问题
华为E6108V9E部分机顶盒播放H264编码格式1920*1080分辨率媒体资源编解码器解码失败问题总结** 设备信息:华为E6108V9E cpu:rk3228 arm-v7 API19 在使用E ...
Mac QuickTime Player X播放器打开电影视频后自动播放的方法
打开终端(方法一:Finder-应用程序-实用工具-终端:方法二:点击屏幕右上角放大镜图标,搜索"终端").在里面输入以下命令 "defaults write com ...

基于exoplayer播放器的高斯模糊视频滤镜

基于exoplayer播放器的高斯模糊视频滤镜相关推荐

最新文章

热门文章