Android GSYVideoPlayer自定义封面

GSYVideoPlayer自定义封面

请先了解上一章节

上一章节：GSYVideoPlayer视频播放

在播放的时候发现，直播视频时GSY是有画面的
但在直播音频的时候GSY会黑屏，这样用户体验感就不会很好
怎么办？我一开始想到了三个办法
	1.放一第一帧图片
	2.放置一张背景图
	3.修改GSYVideo Player本身的背景
	经过测试我发现，方法1在播放时就不可行在加载时可展示，方法2展示了一张封面无法显示Video控制布局
	那就只能读源码执行方法3了

public class LiveVideo extends StandardGSYVideoPlayer {
    public LiveDataFullscreenButtonClick liveDataClick;//点击全屏按钮回调
    private GSYSeekBar progress;
    private RelativeLayout video_parent;

    /**
     * 恢复暂停状态
     */
    public void onResume() {
        onVideoResume();
    }
    /**
     * 暂停状态
     */
    public void onPause() {
        onVideoPause();
    }

    public void setBackground1(){
//        this.setBackground();
    }

    /**
     * 接口回调
     * @param liveDataClick
     */
    public void setOnFullscreenButtonClick(LiveDataFullscreenButtonClick liveDataClick) {
        this.liveDataClick = liveDataClick;
    }

    /* 重写方法自定义layout id与video_layout_standard.xml一致 不重新使用系统默认布局*/
    @Override
    public int getLayoutId() {
        return R.layout.livevideo_layout;
    }

    public LiveVideo(Context context, Boolean fullFlag) {
        super(context, fullFlag);
        init();
    }

    public LiveVideo(Context context) {
        super(context);
        init();
    }

    public LiveVideo(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public void setmThumbImageView(@DrawableRes int id){
        video_parent.setBackgroundResource(id);
    }


    /* 初始化操作 */
    private void init() {
        progress = findViewById(R.id.progress);
        video_parent = findViewById(R.id.video_parent);
        video_parent.setBackgroundResource(R.color.black);
        //EXOPlayer内核，支持格式更多
//        PlayerFactory.setPlayManager(Exo2PlayerManager.class);
        //代理缓存模式，支持所有模式，不支持m3u8等，默认
//        CacheFactory.setCacheManager(ProxyCacheManager.class);
        //系统内核模式
//        PlayerFactory.setPlayManager(SystemPlayerManager.class);
        //ijk内核，默认模式
        PlayerFactory.setPlayManager(IjkPlayerManager.class);
        settingsVideo();

    }
    /* 一些播放器的设置  做一些UI的隐藏  可根据自己需求*/
    public void settingsVideo() {
        GSYVideoType.enableMediaCodec();//使能硬解码，播放前设置
        Debuger.enable();//打开GSY的Log
        //隐藏一些UI
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mLockScreen, GONE);
        setViewShowState(mLoadingProgressBar, GONE);
        setViewShowState(mTopContainer, GONE);
        setViewShowState(mThumbImageView, GONE);
        setViewShowState(mBottomProgressBar, GONE);
        //显示一些UI   进度  时间  当前时间 全屏 返回  加载Loading  暂停开始
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, VISIBLE);
        setViewShowState(mFullscreenButton, VISIBLE);
        setViewShowState(mBackButton, GONE);
        setViewShowState(mProgressBar, VISIBLE);
        setViewShowState(mCurrentTimeTextView, VISIBLE);
        setViewShowState(mTotalTimeTextView, VISIBLE);
        setEnlargeImageRes(R.drawable.full);
        setShrinkImageRes(R.drawable.full);
    }

    public void setTotalTime(String totalTime){
        mTotalTimeTextView.setText(totalTime+"");
    }

    //拦截事件
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        mFullscreenButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                liveDataClick.onClick();
            }
        });
        return super.dispatchTouchEvent(ev);
    }

    /*  取消 双击暂停 */
    @Override
    protected void touchDoubleUp() {
//        super.touchDoubleUp();
    }

    public void setProgressTouch(boolean isTouch) {
        progress.setTouch(isTouch);
    }

    public interface LiveDataFullscreenButtonClick {
        void onClick();
    }
}

这是我自定义的播放器继承了StandardGSYVideoPlayer 所以需要看StandardGSYVideoPlayer的源码
在StandardGSYVideoPlayer类中有一个方法changeUiToPlayingShow() 就是在播放器播放时也就是
已经prepare过后会调用这个方法 也就是说播放时的ui都是在这里设置的

    @Override
    protected void changeUiToPlayingShow() {
        Debuger.printfLog("changeUiToPlayingShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        //可以看到隐藏了这个Layout，这个就是封面的Layout 所以修改这个就可以了
        /*
        	在自定义的播放器中重写这个方法 然后对这个进行设置
		*/
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
        updateStartImage();
    }

测试一下发现图片时有展示的，但是有个BUG我们的封面展示后，无法点击展示我们的全屏按钮播放按钮布局了
这时我们需要对封面这个Layout进行动态的Ontouch监听

mThumbImageView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                /*
                * 当触碰时 就根据需求显示对应的View
                * 比如全屏按钮  进度条  开始暂停按钮等
                * */
            }
        });

还有一些其他状态的方法   根据需求进行自定义修改

@Override
    protected void changeUiToNormal() {
        Debuger.printfLog("changeUiToNormal");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, INVISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        setViewShowState(mThumbImageViewLayout, VISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        updateStartImage();
        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
    }

    @Override
    protected void changeUiToPreparingShow() {
        Debuger.printfLog("changeUiToPreparingShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, INVISIBLE);
        setViewShowState(mLoadingProgressBar, VISIBLE);
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ENDownloadView enDownloadView = (ENDownloadView) mLoadingProgressBar;
            if (enDownloadView.getCurrentState() == ENDownloadView.STATE_PRE) {
                ((ENDownloadView) mLoadingProgressBar).start();
            }
        }
    }

    @Override
    protected void changeUiToPlayingShow() {
        Debuger.printfLog("changeUiToPlayingShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
        updateStartImage();
    }

    @Override
    protected void changeUiToPauseShow() {
        Debuger.printfLog("changeUiToPauseShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
        updateStartImage();
        updatePauseCover();
    }

    @Override
    protected void changeUiToPlayingBufferingShow() {
        Debuger.printfLog("changeUiToPlayingBufferingShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, INVISIBLE);
        setViewShowState(mLoadingProgressBar, VISIBLE);
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ENDownloadView enDownloadView = (ENDownloadView) mLoadingProgressBar;
            if (enDownloadView.getCurrentState() == ENDownloadView.STATE_PRE) {
                ((ENDownloadView) mLoadingProgressBar).start();
            }
        }
    }

    @Override
    protected void changeUiToCompleteShow() {
        Debuger.printfLog("changeUiToCompleteShow");

        setViewShowState(mTopContainer, VISIBLE);
        setViewShowState(mBottomContainer, VISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        setViewShowState(mThumbImageViewLayout, VISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
        updateStartImage();
    }

    @Override
    protected void changeUiToError() {
        Debuger.printfLog("changeUiToError");

        setViewShowState(mTopContainer, INVISIBLE);
        setViewShowState(mBottomContainer, INVISIBLE);
        setViewShowState(mStartButton, VISIBLE);
        setViewShowState(mLoadingProgressBar, INVISIBLE);
        setViewShowState(mThumbImageViewLayout, INVISIBLE);
        setViewShowState(mBottomProgressBar, INVISIBLE);
        setViewShowState(mLockScreen, (mIfCurrentIsFullscreen && mNeedLockFull) ? VISIBLE : GONE);

        if (mLoadingProgressBar instanceof ENDownloadView) {
            ((ENDownloadView) mLoadingProgressBar).reset();
        }
        updateStartImage();
    }

布局操作进行修改

我们在布局中有创建一些id和原GSYVideo一致的Layout
在源码中看到对最外层的RelativeLayout没有操作
也就是说我们可以动态修改最外层的background进行展示同时不会影响播放的操作
这是一种比较稳妥的方法不会修改源码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/video_parent"
    android:background="@color/black">


    <RelativeLayout
        android:id="@+id/surface_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center">

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/thumb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:background="#000000"
        android:scaleType="fitCenter" />



    <LinearLayout
        android:id="@+id/layout_bottom"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:background="#99000000"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:visibility="invisible">

        <TextView
            android:id="@+id/current"
            android:textColor="@color/white"
            style="@style/news_des_style"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:text="00:00"
        />

        <com.blue.bCheng.views.GSYSeekBar
            android:id="@+id/progress"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1.0"
            android:background="@null"
            android:padding="10dp"
            android:max="100"
            android:maxHeight="4dp"
            android:minHeight="4dp"
            android:paddingBottom="8dp"
            android:paddingTop="8dp"
            android:progressDrawable="@drawable/video_progress_bg"
            android:thumb="@drawable/video_seek_thumb" />


        <TextView
            android:id="@+id/total"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="16dp"
            android:text="00:00"
            android:textColor="@color/white"
            style="@style/news_des_style"/>





    </LinearLayout>

    <LinearLayout
        android:id="@+id/layout_top"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@drawable/video_title_bg"
        android:gravity="center_vertical">

        <ImageView
            android:id="@+id/back"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:paddingLeft="10dp"
            android:scaleType="centerInside"
            android:src="@drawable/video_back" />

            <View
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent"/>


        <ImageView
            android:id="@+id/fullscreen"
            style="@style/left_icon_style"
            android:src="@drawable/full" />

    </LinearLayout>



    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/loading"
        android:layout_centerInParent="true"
        />

    <ImageView
        android:visibility="gone"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_centerInParent="true"
        android:padding="5dp"
        android:id="@+id/start"
      />


</RelativeLayout>