Android进阶之MediaPlayer和TextureView封装视频播放器详解(完美实现全屏、小窗)

移动开发 Android
SurfaceView 以及 TextureView 均继承于 android.view.View,属于 Android 提供的控件体系的一部分。与普通 View 不同,它们都在独立的线程中绘制和渲染。

[[419543]]

前言

上一篇文章我们介绍了SurfaceView和TextureView的基础知识点;

SurfaceView 以及 TextureView 均继承于 android.view.View,属于 Android 提供的控件体系的一部分。与普通 View 不同,它们都在独立的线程中绘制和渲染。所以,相比于普通的 ImageView 它们的性能更高,因此常被用在对绘制的速率要求比较高的应用场景中,用来解决普通 View 因为绘制的时间延迟而带来的掉帧的问题,比如用作相机预览、视频播放的媒介等;

今天我们就来简单的用TextureView封装下视频播放器;

一、视频播放器方案介绍

1、videoView+mediaPlayer

videoView继承自SurfaceView。surfaceView是在现有View上创建一个新的Window,

内容显示和渲染是在新的Window中,这使得SurfaceView的绘制和刷新可以在单独的线程中进行。

由于SurfaceView的内容是在新建的Window中,这使得SurfaceView不能放在RecyclerView或ScrollView中,一些View中的特性也无法使用。

2、textureView+mediaPlayer

textureView不会创建新的窗口,它的使用跟其他普通View一样。

考虑到以后的可扩展性,最终采用这个方案

3、为什么使用TextureView

TextureView是在4.0(API level 14)引入的,与SurfaceView相比,它不会创建新的窗口来显示内容。它是将内容流直接投放到View中,并且可以和其它普通View一样进行移动,旋转,缩放,动画等变化。TextureView必须在硬件加速的窗口中使用。

二、TextureView使用介绍

1、TextureView被创建后不能直接使用,必须将其添加到ViewGroup中。

2、TextureView必须要等SurfaceTexture准备就绪才能起作用,这里通常需要给TextureView设置监听器SurfaceTextureListener。等待onSurfaceTextureAvailable回调后,才能使用

3、TextureView创建和初始化

  1. //初始化一个TextureView并添加至ViewGroup或找到你的TextureView 组件 
  2.   mTextureView=new TextureView(getContext()); 
  3.   //设置画布监听 
  4.   textureView.setSurfaceTextureListener(this); 
  5.   //添加至布局 
  6.   fragment.addView(textureView,new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT, Gravity.CENTER)); 
  7.    /** 
  8.     * TextureView准备好了回调 
  9.     * @param surface 内部画布渲染surface 
  10.     * @param width TextureView布局宽 
  11.     * @param height TextureView布局高 
  12.     */ 
  13.    @Override 
  14.    public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) { 
  15.        Logger.d(TAG,"onSurfaceTextureAvailable-->width:"+width+",height:"+height); 
  16.        //这里对画面改变、转场播放做了处理,声明一个mSurfaceTexture ,在TextureView发生变化时更新 
  17.        if (mSurfaceTexture == null) { 
  18.            mSurfaceTexture = surface; 
  19.            //prepare(); 
  20.        } else { 
  21.            mTextureView.setSurfaceTexture(mSurfaceTexture); 
  22.        } 
  23.    } 
  24.    /** 
  25.     * TextureView宽高发生变化时回调 
  26.     * @param surface 内部surface 
  27.     * @param width 新的TextureView布局宽 
  28.     * @param height 新的TextureView布局高 
  29.     */ 
  30.    @Override 
  31.    public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) { 
  32.        Logger.d(TAG,"onSurfaceTextureSizeChanged-->width:"+width+",height:"+height); 
  33.    } 
  34.    /** 
  35.     * TextureView销毁时回调 
  36.     * @param surface 内部surface 
  37.     * @return Most applications should return true
  38.     */ 
  39.    @Override 
  40.    public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) { 
  41.        Logger.d(TAG,"onSurfaceTextureDestroyed"); 
  42.        return null==mSurfaceTexture; 
  43.    } 
  44.    /** 
  45.     * TextureView刷新时回调 
  46.     * @param surface 内部surface 
  47.     */ 
  48.    @Override 
  49.    public void onSurfaceTextureUpdated(SurfaceTexture surface) { 
  50.    } 

三、MediaPlayer介绍

1、重要的状态

  • idle:空闲状态。当mediaPlayer没有prepareAsync之前,就是处于idle状态。
  • prepared:准备好状态。想要让mediaPlayer开始播放,不能直接start,必须要先prepareSync。这期间mediaPlayer会一直在准备preparing,直到进入prepared状态。
  • started:当mediaPlayer准备好,就可以调用mediaPlayer的start方法进入started状态。
  • paused:当调用pause方法,进入paused状态。
  • completed:播放完成,进入completed状态。
  • error:播放错误。

2、重要的方法

  • prepareAsync:要想使用mediaPlayer,必须先调用prepareAsync。这是第一步。
  • start:开始
  • pause:暂停
  • reset:播放完成后,如想重新开始,调用该方法。

3、重要的回调

  • onSurfaceTextureAvailable:开始关联mediaPlayer
  • onPrepared:此处开始调用mediaPlayer.start()
  • onInfo:播放开始后,视频到底状态如何,就是在onInfo中处理
  1. @Override 
  2.    public boolean onInfo(MediaPlayer mp, int what, int extra) { 
  3.        if (what == MediaPlayer.MEDIA_INFO_VIDEO_RENDERING_START) { 
  4.            // 播放器渲染第一帧 
  5.            mCurrentState = STATE_PLAYING; 
  6.            mController.onPlayStateChanged(mCurrentState); 
  7.        } else if (what == MediaPlayer.MEDIA_INFO_BUFFERING_START) { 
  8.            // MediaPlayer暂时不播放,以缓冲更多的数据 
  9.            if (mCurrentState == STATE_PAUSED || mCurrentState == STATE_BUFFERING_PAUSED) { 
  10.                mCurrentState = STATE_BUFFERING_PAUSED; 
  11.            } else { 
  12.                mCurrentState = STATE_BUFFERING_PLAYING; 
  13.            } 
  14.            mController.onPlayStateChanged(mCurrentState); 
  15.        } else if (what == MediaPlayer.MEDIA_INFO_BUFFERING_END) { 
  16.            // 填充缓冲区后,MediaPlayer恢复播放/暂停 
  17.            if (mCurrentState == STATE_BUFFERING_PLAYING) { 
  18.                mCurrentState = STATE_PLAYING; 
  19.                mController.onPlayStateChanged(mCurrentState); 
  20.            } 
  21.            if (mCurrentState == STATE_BUFFERING_PAUSED) { 
  22.                mCurrentState = STATE_PAUSED; 
  23.                mController.onPlayStateChanged(mCurrentState); 
  24.            } 
  25.        } else { 
  26.            LogUtil.d("onInfo ——> what:" + what); 
  27.        } 
  28.        return true
  29.    } 

4、MediaPlayer初始化和准备播放

  1. mMediaPlayer = new MediaPlayer(); 
  2.    mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC); 
  3.    //设置准备播放监听器,在onPrepared回调中开始播放 
  4.    mMediaPlayer.setOnPreparedListener(this); 
  5.    //...此处省去一系列监听设置 
  6.    //异步准备 
  7.    mMediaPlayer.prepareAsync(); 
  8.    /** 
  9.     * 播放器准备好了 
  10.     * @param mp 解码器 
  11.     */ 
  12.    @Override 
  13.    public void onPrepared(MediaPlayer mp) { 
  14.        Logger.d(TAG,"onPrepared"); 
  15.        if(null!=mSurfaceTexture){ 
  16.            if(null!=mSurface){ 
  17.                mSurface.release(); 
  18.                mSurface=null
  19.            } 
  20.            mSurface =new Surface(mSurfaceTexture); 
  21.            mp.setSurface(mSurface); 
  22.        } 
  23.        //开始播放 
  24.        mp.start(); 
  25.    } 

四、封装视频播放器

1、封装播放器

视频播放控件应该包含两层:顶层是播放器的控制器mController,底层是播放视频内容的TextureView。这里将这两层封装在一个容器FrameLayout中;

  1. public VideoPlayer(@NonNull Context context, @Nullable AttributeSet attrs) { 
  2.       super(context, attrs); 
  3.       mContext = context; 
  4.       if (mNetworkChangeReceiver == null) { 
  5.           mNetworkChangeReceiver = new NetworkChangeReceiver(this); 
  6.       } 
  7.       allow4GFlag = false
  8.       init(); 
  9.   } 
  10.   private void init() { 
  11.       mContainer = new FrameLayout(mContext); 
  12.       mContainer.setBackgroundColor(Color.BLACK); 
  13.       LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); 
  14.       this.addView(mContainer, params); 
  15.   } 

addTextureView

  1. private void addTextureView() { 
  2.         mContainer.removeView(mTextureView); 
  3.         LayoutParams params = new LayoutParams( 
  4.                 ViewGroup.LayoutParams.MATCH_PARENT, 
  5.                 ViewGroup.LayoutParams.MATCH_PARENT, 
  6.                 Gravity.CENTER); 
  7.         mContainer.addView(mTextureView, 0, params); 

setController

  1. public void setController(IVideoController controller) { 
  2.        mContainer.removeView(mController); 
  3.        mController = controller; 
  4.        mController.reset(); 
  5.        mController.setVideoPlayer(this); 
  6.        LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); 
  7.        mContainer.addView(mController, params); 
  8.    } 

播放,将TextureView、MediaPlayer、Controller进行初始化。待TextureView的数据通道SurfaceTexture准备就绪后,打开播放器

  1. private void openMediaPlayer() { 
  2.         // 屏幕常亮 
  3.         mContainer.setKeepScreenOn(true); 
  4.         // 设置监听 
  5.         mMediaPlayer.setOnPreparedListener(this); 
  6.         mMediaPlayer.setOnVideoSizeChangedListener(this); 
  7.         mMediaPlayer.setOnCompletionListener(this); 
  8.         mMediaPlayer.setOnErrorListener(this); 
  9.         mMediaPlayer.setOnInfoListener(this); 
  10.         mMediaPlayer.setOnBufferingUpdateListener(this); 
  11.         mCurrentNetworkState = NetworkChangeReceiver.getNetworkStatus(CtripBaseApplication.getInstance()); 
  12.         mNetworkChangeReceiver.registerNetworkChangeBroadcast(); 
  13.         // 设置dataSource 
  14.         try { 
  15.             mMediaPlayer.setDataSource(mUrl); 
  16.             if (mSurface == null) { 
  17.                 mSurface = new Surface(mSurfaceTexture); 
  18.             } 
  19.             mMediaPlayer.setSurface(mSurface); 
  20.             mMediaPlayer.prepareAsync(); 
  21.             mCurrentState = STATE_PREPARING; 
  22.             mController.onPlayStateChanged(mCurrentState); 
  23.         } catch (IOException e) { 
  24.             e.printStackTrace(); 
  25.             LogUtil.e("打开播放器发生错误", e); 
  26.         } 
  27.     } 
  28.     private void initMediaPlayer() { 
  29.         if (mMediaPlayer == null) { 
  30.             mMediaPlayer = new MediaPlayer(); 
  31.             mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC); 
  32.         } 
  33.     } 
  34.     private void initTextureView() { 
  35.         if (mTextureView == null) { 
  36.             mTextureView = new TourTextureView(mContext); 
  37.             mTextureView.setSurfaceTextureListener(this);//此时回调onSurfaceTextureAvailable 
  38.         } 
  39.     } 
  40.     @Override 
  41.     public void onSurfaceTextureAvailable(SurfaceTexture surfaceTexture, int i, int i1) { 
  42.         if (mSurfaceTexture == null) { 
  43.             mSurfaceTexture = surfaceTexture; 
  44.             openMediaPlayer(); 
  45.         } else { 
  46.             mTextureView.setSurfaceTexture(mSurfaceTexture); 
  47.         } 
  48.     } 

播放逻辑写完之后,具体UI展示逻辑在VideoPlayerController中。根据不同的状态VideoPlayerController展示不同UI

  1. public static final int STATE_ERROR = -1;               //播放错误 
  2.    public static final int STATE_IDLE = 0;                 //播放未开始 
  3.    public static final int STATE_PREPARING = 1;            //播放准备中 
  4.    public static final int STATE_PREPARED = 2;             //播放准备就绪 
  5.    public static final int STATE_PLAYING = 3;              //正在播放 
  6.    public static final int STATE_PAUSED = 4;               //暂停播放 
  7.    public static final int STATE_BUFFERING_PLAYING = 5;    //正在缓冲 
  8.    public static final int STATE_BUFFERING_PAUSED = 6;     //正在缓冲 播放器 
  9.    public static final int STATE_COMPLETED = 7;            //播放完成 
  10.    public static final int STATE_NOTE_4G = 8;              //提示4G 
  11.    public static final int STATE_NOTE_DISCONNECT = 9;      //提示断网 
  12.    public static final int MODE_NORMAL = 10;               //普通模式 
  13.    public static final int MODE_FULL_SCREEN = 11;          //全屏模式 
  14.    public static final int MODE_TINY_WINDOW = 13;          //小窗口模式 

2、全屏、小窗口播放的实现

实现全屏:将mContainer移除,并添加到android.R.content中,并设置成横屏

  1. @Override 
  2.    public void enterFullScreen() { 
  3.        if (mCurrentMode == MODE_FULL_SCREEN) return
  4.        // 隐藏ActionBar、状态栏,并横屏 
  5.        TourVideoUtil.hideActionBar(mContext); 
  6.        TourVideoUtil.scanForActivity(mContext) 
  7.                .setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); 
  8.        new Handler().post(new Runnable() { 
  9.            @Override 
  10.            public void run() { 
  11.                ViewGroup contentView = (ViewGroup) TourVideoUtil.scanForActivity(mContext) 
  12.                        .findViewById(android.R.id.content); 
  13.                if (mCurrentMode == MODE_TINY_WINDOW) { 
  14.                    contentView.removeView(mContainer); 
  15.                } else { 
  16.                    TourVideoPlayer.this.removeView(mContainer); 
  17.                } 
  18.                LayoutParams params = new LayoutParams( 
  19.                        ViewGroup.LayoutParams.MATCH_PARENT, 
  20.                        ViewGroup.LayoutParams.MATCH_PARENT); 
  21.                contentView.addView(mContainer, params); 
  22.            } 
  23.        }); 
  24.        mCurrentMode = MODE_FULL_SCREEN; 
  25.        mController.onPlayModeChanged(mCurrentMode); 
  26.    } 

实现小窗口:将mContainer移除,添加到android.R.content中,并设置宽高

  1. @Override 
  2.    public void enterTinyWindow() { 
  3.        if (mCurrentMode == MODE_TINY_WINDOW) return
  4.        this.removeView(mContainer); 
  5.        new Handler().post(new Runnable() { 
  6.            @Override 
  7.            public void run() { 
  8.                ViewGroup contentView = (ViewGroup) TourVideoUtil.scanForActivity(mContext) 
  9.                        .findViewById(android.R.id.content); 
  10.                // 小窗口的宽度为屏幕宽度的60%,长宽比默认为16:9,右边距、下边距为8dp。 
  11.                FrameLayout.LayoutParams params = new FrameLayout.LayoutParams( 
  12.                        (int) (CommonUtil.getScreenWidth(mContext) * 0.6f), 
  13.                        (int) (CommonUtil.getScreenWidth(mContext) * 0.6f * 9f / 16f)); 
  14.                params.gravity = Gravity.TOP | Gravity.START; 
  15.                params.topMargin = CommonUtil.dp2px(mContext, 48f); 
  16.                contentView.addView(mContainer, params); 
  17.            } 
  18.        }); 
  19.        mCurrentMode = MODE_TINY_WINDOW; 
  20.        mController.onPlayModeChanged(mCurrentMode); 
  21.    } 

总结

关于视频播放器封装的知识点还有很多,今天知识简单的介绍了下封装的步骤和思路;

大家如果想自己封装可以参考网上NiceVieoPlayer;

以后会继续讲解关于视频播放器的知识点;

本文转载自微信公众号「Android开发编程」

责任编辑:姜华 来源: Android开发编程
相关推荐

2021-08-25 07:43:17

AndroidSurfaceViewTextureView

2017-03-01 14:01:31

android多媒体音乐代码

2011-07-20 16:21:20

iPhone 视频 播放器

2022-08-16 17:37:06

视频播放器鸿蒙

2011-09-06 10:46:19

QT播放器

2015-05-21 15:25:42

VLC播放器

2012-06-04 13:44:08

2022-06-21 14:41:38

播放器适配西瓜视频

2011-09-05 18:08:01

MTK音频播放器

2011-09-09 11:28:35

Android Mus

2021-10-21 16:00:07

鸿蒙HarmonyOS应用

2021-10-19 14:27:07

鸿蒙HarmonyOS应用

2022-11-12 08:26:04

VLC视频播放器裁剪视频

2023-04-06 13:47:47

2014-09-26 11:29:23

微信浏览

2010-06-11 12:53:56

openSUSE播放器

2018-05-25 14:37:58

2023-03-28 09:38:34

开发应用鸿蒙

2023-03-28 09:44:02

开发应用鸿蒙

2023-03-06 16:20:08

视频播放器VLC
点赞
收藏

51CTO技术栈公众号