仿抖音视频播放 基于GsyVideoPlayer+ViewPager2

前言

公司最近有个小的演示需求,大体首页模仿抖音,因此抽时间做了这么个项目,顺便练练手,demo用Kotlin+AndroidX实现。视频库采用
GsyVideoPlayer
话不多说,先上效果图

aas.gif

实现

实现方式ViewPager2(ViewPager2 其实就是RecyclerView + SnapHelper)

代码流程

  • 创建adapter并与ViewPager2绑定
  • 监听ViewPager2的PageChange,触发onPageSelect时进行视频播放
        viewPager2.registerOnPageChangeCallback(object : OnPageChangeCallback() {

            override fun onPageSelected(position: Int) {
                [email protected] = position
                super.onPageSelected(position)
                Log.i(AppConstants.TAG, "position --" + position + ":" + layoutManager.childCount)
                startVideo()
            }
        })
  • 继承GsyVideo的播放器,更改内部的ui流程,去除快进快退,其他ui可根据自己需求更改,这个库注释的很详细了。上一小段示例。下面这段目的就是去除拖动快进快退的功能。
    @Override
    protected void touchSurfaceDown(float x, float y) {
//        super.touchSurfaceDown(x, y);
        x1 = x;
        x2 = x;
        y1 = y;
        y2 = y;
        donwTime = System.currentTimeMillis();
    }
    @Override
    protected void touchSurfaceMove(float deltaX, float deltaY, float y) {
//        super.touchSurfaceMove(deltaX, deltaY, y);
        x2 = deltaX;
        y2 = deltaY;
    }
    @Override
    protected void touchSurfaceUp() {
        Log.i(TAG, "touchSurfaceUp");
//        super.touchSurfaceUp();
        if (System.currentTimeMillis() - donwTime < 500 && Math.abs(x2 - x1) < 20 && Math.abs(y2 - y1) < 20) {
            clickStartIcon();
        }

    }
  • 然后就没了,功能简单没啥好讲的,核心都是用的开源库,看了有时间还是得研究研究ffmpeg的编译。自己搞。

End

源代码地址已上传至github 点击前往
点击失效请复制: https://github.com/yudehai0204/DouYinImitation

你可能感兴趣的:(仿抖音视频播放 基于GsyVideoPlayer+ViewPager2)