androidx ViewPager2 实现横向、纵向滑动播放短视频（二）

最新推荐文章于 2024-09-06 18:06:02 发布
置顶 最新推荐文章于 2024-09-06 18:06:02 发布
阅读量2.6k 收藏 10
点赞数 1
分类专栏： ViewPager2 androidx ExoPlayer 直播、短视频 文章标签： android 移动开发 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qjsjp/article/details/109068655
版权

续 androidx ViewPager2 实现横向、纵向滑动播放短视频（一）

播放器的选择

上篇已经写到，用 androidx Viewpager2 基本实现了横向、纵向滑动展现视图数据的基本需求，接下来要做的就是播放短视频，期初用的播放器最终被放弃了，最终更换成ExoPlayer，ExoPalyer Github完成项目 ，ExoPalyer doc。
ExoPlayer 功能强大，使用方便灵活，按照项目说明 配置即可使用，遇到的一些问题：
我使用的是当前最新版本2.12.0，刚开始无法播放m3u8视频流，是因为我没引入exoplayer-hls，后来无法播放rtmp直播流，是因为我没引入extension-rtmp，注意extension-的版本要和exoplayer-的版本保持一致，关于extension- 看下图红色，点击进去就能看到支持的所有扩展在这里插入图片描述
根据实际项目需要，去引入各个依赖，关于HLS，RTMP，DASH 这些流媒体协议可以去查询学习了解。

 // ExoPlayer 
    implementation 'com.google.android.exoplayer:exoplayer-core:2.12.0'
 // implementation 'com.google.android.exoplayer:exoplayer-dash:2.12.0'
    implementation 'com.google.android.exoplayer:exoplayer-hls:2.12.0'
    implementation 'com.google.android.exoplayer:exoplayer-ui:2.12.0'
    implementation 'com.google.android.exoplayer:extension-rtmp:2.12.0'

Java和kotlin 混合开发时增加kotlin的配置

compileOptions {
        targetCompatibility = 1.8
        sourceCompatibility = 1.8
    }
    kotlinOptions {
        jvmTarget = '1.8'
    }

播放器的使用

参考ExoPalyer doc使用，抽离出来的简单大概代码如下：

一、播放器的初始化，包括根据需求添加监听器

/**
* 初始化播放器
*/
private fun initExoPlayer() {
   exoPlayer = SimpleExoPlayer.Builder(this.activity!!.applicationContext).build()
   exoPlayer?.repeatMode = Player.REPEAT_MODE_ALL
   exoPlayer?.addVideoListener(object : VideoListener {
       override fun onVideoSizeChanged(width: Int, height: Int, unappliedRotationDegrees: Int, pixelWidthHeightRatio: Float) {
           super.onVideoSizeChanged(width, height, unappliedRotationDegrees, pixelWidthHeightRatio)
           if (currentVideoHolder == null) return
           if (width < height) {
               currentVideoHolder!!.playerView!!.resizeMode = AspectRatioFrameLayout.RESIZE_MODE_ZOOM
           } else {
               currentVideoHolder!!.playerView!!.resizeMode = AspectRatioFrameLayout.RESIZE_MODE_FIT
           }
       }
   })
   exoPlayer?.addListener(object : Player.EventListener {
       override fun onPlayerError(error: ExoPlaybackException) {
           super.onPlayerError(error)
           ToastUtils.showCommonToast(activity!!.applicationContext, "播放出错！")
           //LogUtils.
       }
       override fun onPlayWhenReadyChanged(playWhenReady: Boolean, reason: Int) {
           super.onPlayWhenReadyChanged(playWhenReady, reason)
           if (currentVideoHolder == null) return
           if (playWhenReady) {
               currentVideoHolder!!.pauseIv?.visibility = View.GONE
           } else {
               when (reason) {
                   Player.PLAY_WHEN_READY_CHANGE_REASON_USER_REQUEST -> {
                       currentVideoHolder!!.pauseIv?.visibility = View.VISIBLE
                   }
               }
           }
       }
       override fun onPlaybackStateChanged(state: Int) {
           super.onPlaybackStateChanged(state)
           when (state) {
               Player.STATE_IDLE -> { //the state when the player is stopped, and when playback failed
                   LogUtils.e("Player.STATE_IDLE:index=" + currentVideoHolder!!.layoutPosition)
                   currentVideoHolder!!.shortVideoCoverView?.visibility = View.VISIBLE
               }
               Player.STATE_BUFFERING -> {                   LogUtils.e("Player.STATE_BUFFERING:startTime=${System.currentTimeMillis()};index=${currentVideoHolder!!.layoutPosition}")
//                        currentVideoHolder!!.shortVideoCoverView?.visibility = View.VISIBLE
                   currentVideoHolder!!.shortVideoLoadingView?.visibility = View.VISIBLE
               }
               Player.STATE_READY -> {                   LogUtils.e("Player.STATE_READY:endTime=${System.currentTimeMillis()};index=${currentVideoHolder!!.layoutPosition}")
                   currentVideoHolder!!.shortVideoCoverView?.visibility = View.GONE
                   currentVideoHolder!!.shortVideoLoadingView?.visibility = View.GONE
               }
               Player.STATE_ENDED -> {
                   LogUtils.e("Player.STATE_ENDED:index=" + currentVideoHolder!!.layoutPosition)
               }
           }
       }
       override fun onIsPlayingChanged(isPlaying: Boolean) {
           super.onIsPlayingChanged(isPlaying)
           if (isPlaying) {// Active playback.
               currentVideoHolder!!.pauseIv?.visibility = View.GONE
           } else {
               // Not playing because playback is paused, ended, suppressed, or the player
               // is buffering, stopped or failed. Check player.getPlayWhenReady,
               // player.getPlaybackState, player.getPlaybackSuppressionReason and
               // player.getPlaybackError for details.
           }
       }
   })
}

exoPlayer?.repeatMode = Player.REPEAT_MODE_ALL 控制循环播放短视频；添加addVideoListener，重写onVideoSizeChanged方法，适配横竖屏的短视频；添加addListener，重写onPlayerError方法处理播放错误，重写onPlayWhenReadyChanged方法，处理playWhenReady的改变，具体reason值，可以点到源码看一下，重写onPlaybackStateChanged方法，处理的状态很多，每个状态值都能从源码里详细看到。

二、播放器的播放控制
由于是横向、纵向滑动播放短视频，必须控制好播放器的暂停以及恢复，无论是Fragment还是Activity，维护一个ExoPlayer就可以了。
纵向滑动时，当前RecyclerView.Adapter 缓存下视图的Holder—currentVideoHolder，拿视图Holder得先拿到当前ViewPager2的RecyclerView:

recyclerView = videoPlayPager!!.getChildAt(0) as RecyclerView

然后就可以缓存当前的视图Holder

currentVideoHolder = recyclerView!!.findViewHolderForLayoutPosition(position) as ShortVideoExoPlayAdapter.RecyclerHolder

把ExoPlayer赋值给当前holderd的playerView的player 就可以了。
具体的播放、暂停时机，我刚开始处理是通过RecyclerView.Adapter的以下两个方法：

    override fun onViewAttachedToWindow(holder: ShortVideoExoPlayAdapter.RecyclerHolder) {
    }
    override fun onViewDetachedFromWindow(holder: ShortVideoExoPlayAdapter.RecyclerHolder) {
    }

后来发现不靠谱，改为通过ViewPager2的registerOnPageChangeCallback 重写onPageSelected方法控制播放和暂停，这样当你慢慢滑动界面，只要没有完成当前Page选择，就不会影响你的播放、暂停逻辑，大致代码简单如下：

videoPlayPager!!.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
            override fun onPageSelected(position: Int) {
                super.onPageSelected(position)
                onHandlePageSelected(position)
            }
        })
/**
* 处理ViewPager选择
*/
private fun onHandlePageSelected(position: Int) {
   if (currentVideoHolder != null) {// 界面当前为活动状态
       stopCurrentStartNextPlay(position)
   } else {
       currentVideoHolder = recyclerView!!.findViewHolderForLayoutPosition(position) as ShortVideoExoPlayAdapter.RecyclerHolder
       currentVideoHolder!!.playerView!!.player = exoPlayer
       exoPlayer?.setMediaItem(currentVideoHolder!!.mediaItem!!)
       exoPlayer?.prepare()
       exoPlayer?.play()
       if (!this.isResumed) {
           exoPlayer?.pause()
       }
   }
   if (position == shortVideoPlayListAdapter!!.data.size - 1) {//加载视频列表
      
   }
  // 视频播放上报
}
/**
 * 停止当前 播放下一个
 */
private fun stopCurrentStartNextPlay(position: Int) {
    exoPlayer?.stop(true)
    currentVideoHolder!!.playerView!!.player = null
    currentVideoHolder = recyclerView!!.findViewHolderForLayoutPosition(position) as ShortVideoExoPlayAdapter.RecyclerHolder
    currentVideoHolder!!.playerView!!.player = exoPlayer
    exoPlayer?.setMediaItem(currentVideoHolder!!.mediaItem!!)
    exoPlayer?.prepare()
    exoPlayer?.play()
}

以上为纵向滑动播放短视频的大概控制，不要担心Anr哦，滑动选择到某一个，先通过currentVideoHolder判断当前是否存在播放，存在则先停止再去播放选择的；这里可能还会遇到跳转定位播放的问题，比如当前数据列表20，点击第12个跳转到播放界面，需要延迟处理一下，因为RecyclerView.Adapter Holder的创造机制，当前Holder 为null呢：

Handler().postDelayed({
     currentVideoHolder = recyclerView!!.findViewHolderForLayoutPosition(position) as ShortVideoExoPlayAdapter.RecyclerHolder
     currentVideoHolder!!.playerView!!.player = exoPlayer
     exoPlayer?.setMediaItem(currentVideoHolder!!.mediaItem!!)
     exoPlayer?.prepare()
     exoPlayer?.play()
 }, 150)

播放、暂停通过属性playWhenReady控制：

override fun onPause() {
    super.onPause()
    exoPlayer?.playWhenReady = false
}
override fun onResume() {
    super.onResume()
    exoPlayer?.playWhenReady = true
  //检查用户关注状态
}
override fun onDestroy() {
    super.onDestroy()
    exoPlayer?.stop(true)
    exoPlayer?.release()
}

横向滑动的时候，当前Fragment的播放器同样用onPause()和onResume()控制，这里如果横向慢慢滑动的时候，容易同时播放两个类别的短视频，所以在onHandlePageSelected方法里增加以下代码，如果Fragment的状态不是resumed，pause一下即可，当然了也可以不是resumed不去播放。

if (!this.isResumed) {
     exoPlayer?.pause()
}

最外层视图如果是Fragment被主界面通过show()、hide()控制，可以重写onHiddenChanged方法控制播放暂停：

override fun onHiddenChanged(hidden: Boolean) {
        super.onHiddenChanged(hidden)
        if (hidden){
            videoTypeFragmentAdapter?.onPausePlayVideo(videoType!!)
        }else{
            videoTypeFragmentAdapter?.onResumePlayVideo(videoType!!)
        }
    }

到这里横向、纵向滑动播放短视频的控制基本完成，阿门！！！

JavPer
关注
专栏目录
android视频播放器轮播,嵌入 ViewPager 的视频播放器
weixin_33374585的博客
05-28 977
这次的目标是实现一个能够播放视频的轮播器，即每个页面都能放置视频且能随页面的切换实现视频的切换。这个需求类似于在ListView中实现小视频的播放和切换，核心内容是怎么将视频播放器与控件的状态变化连接在一起。视频播放器实现思路使用 ViewPager 进行轮播使用 MediaPlayer 对视频进行播放使用 TextureView 展示视频界面具体实现为了提高性能，当然不能为每一页配置一个 Med...
利用viewpager(2)和Tablayout实现滑动分页
LinYuF的博客
06-13 1277
利用viewpager（2）和Tablayout实现滑动分页1.前言2.实现过程2.1引入viewpager2依赖库（两种方式）2.1.1手动添加2.1.2用Android-studio自带的功能自动添加注意！2.2 创建三个 Fragment并设计 各自的 UI 布局2.2.1 FirstFragment 的创建2.2.2 FirstFragment 对应的fragment_first.xml布局文件2.2.3 预览图2.2.4 其他2.3 适配器类(MyPagerAdapter.java)的编写2.4
ViewPager自动播放
05-13
ViewPager自动播放，带标记点，点击事件，滑动时暂停播放
androidx ViewPager2 实现横向、纵向滑动播放短视频（一）
qjsjp的专栏
10-13 3270
需求描述 最近的开发需求，实现类似某音的功能，大致就是界面横向滑动，加载不同分类的视频列表，纵向滑动加载某分类下的视频列表，然后进行短视频的播放，具体短视频内的 点赞、关注、评论等，暂且不提。目前已上线几个版本，还算稳定，做个总结，希望能帮到有这方面需求的朋友。 视图选择 app 基于androidx，使用ViewPager2，具体实现思路： 一、界面的横向滑动，使用ViewPager2+TabLayout 达到界面效果，布局文件大致简单如下： <FrameLayout androi
安卓开发中的ViewPager2的使用
最新发布
m0_66843126的博客
09-06 1391
</data></layout><data>
关于安卓viewpager播放视频实现
motosheep的博客
03-27 2568
安卓viewpager播放视频
Android 使用ViewPager2+ExoPlayer+VideoCache 实现仿抖音视频翻页播放
xiaobaaidaba123的专栏
10-07 8695
1. 实现效果 效果图中，视频没有铺满 是因为使用了ExoPlayer的RESIZE_MODE_FIT模式， 虽然使用RESIZE_MODE_FILL模式可以填充整个父布局，但是本Demo中使用的视频源本身就不适合全屏，会把视频拉伸，效果不好。 抖音上的视频源应该都有严格的宽高尺寸，才能做到全屏有很好的效果。 2. 技术选型 1）翻页功能：网上有不少例子是使用RecyclerView + PagerSnapHelper 来实现翻页功能，但是笔者认为使用ViewPager2更加简洁。 ....
Android自定义ViewPager实现纵向滑动翻页效果
08-27
Android自定义ViewPager实现纵向滑动翻页效果 Android自定义ViewPager实现纵向滑动翻页效果是指在Android开发中实现ViewPager的纵向滑动翻页效果，达到类似抖音的视屏切换效果。这个效果通过自定义ViewPager实现，...
【View系列】手把手教你解决ViewPager2滑动冲突
2401_84149785的博客
04-18 932
针对于上面的问题，我总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料。（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！oid）**
横向和纵向ViewPager
01-19
横向ViewPager是Android SDK中自带的View组件，位于`androidx.viewpager.widget.ViewPager`包下。它允许用户通过手势左右滑动来浏览多个Page。每个Page通常由一个Fragment或一个ViewGroup的子类构成，可以承载复杂的...
android纵向滑动viewpager
08-07
NULL 博文链接：https://men4661273.iteye.com/blog/2121818
Android实现ViewPager滑动播放视频，ViewPager+Fragment取消懒加载问题
简单玩家丶的博客
07-19 3125
1.首先： 设置ViewPager的verticalViewPager.setOffscreenPageLimit(0)，发现无效，但是源码中确实设置0之后默认的是0，然而你滑动的时候发现当前的视频在播放而下一条也会播放。 2.解决 ： public abstract class LazyLoadFragment extends Fragment { @Bind(R.id.img...
Android视频播放之ViewPager+VideoView
xingpidong
10-26 9016
由于项目需求，项目主页面有很多个page页面，每个page页面中都有一个VideoView用于播放视频，写次demo用来练手。源码下载地址1、上效果图： 由于4个page页面的内容一样，所以看起来不好区分，但是功能还是实现了，将就着吧。2、分析代码： 定义MainActivity.java内部的全局变量： ViewPager mViewPager; MyPagerAdapter m
Android使用ViewPager加载图片和轮播视频
08-31
主要为大家详细介绍了Android使用ViewPager加载图片和轮播视频，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android实现Banner界面广告图片循环轮播（包括实现手动滑动循环）
weixin_30522095的博客
09-03 345
前言：经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环。本以为单纯的ViewPager就可以实现这些功能。但是蛋疼的事情来了，ViewPager并不支持循环翻页。所以要实现循环还得需要自己去动手。自己在网上也找了些例子，本博文的Demo是结合自己找到的一些相关例子的基础上去改造，也希望对读者有用。 Demo实现的效果图如下： De...
Android：SwipeRefreshLayout和ViewPager滑动冲突的原因和正确的解决方式
Altsuki的博客
01-21 2万+
一、前言急着解决问题的直接看博文的最后面吧，或者点这里跳转过去，正确的解决方式就在那。虽然SwipeRefreshLayout出来已经很久了，但是知道今天我才第一次使用。 然后发现两个问题： 1. SwipeRefreshLayout会吃掉ViewPager的滑动事件。 2. SwipeRefreshLayout需要套在ScrollView和ListView上的时候才表现的比较友好，在其他Vi
android 滑动分页
baobaoupup
08-17 112
分析了一下网上讲的滑动分页效果，我看用户体验不错，就模拟了一个如图 package com.my.activity; import com.my.R; import com.my.R.string; import android.app.ListActivity; import android.os.Bundle; import android.os.Handler; imp...
Android之ViewPager自动循环播放（轮播）效果实现（超简单）
ygd1994的专栏
05-09 3656
代码超级简单： private Handler mHandler = new Handler() { public void handleMessage(Message msg) { int count = va.getCount(); int index=viewPager.getCurrentItem();
Android ViewPager 垂直滑动 纵向滑动 VerticalViewPager
热门推荐
tiantianshangcha的专栏
03-04 2万+
项目里头需要用到一个在垂直方向滑动页签的效果， 这可难道宝宝了，不过google 还是强大的 ， 在stackoverflow 找到了人生的真谛。 具体链接传送门 特么的里面居然出现了四五种方案，选择困难症啊。。。。。。 实验了其中的两种，效果上均可行，另外两种均是github的项目，没细看，有兴趣的可以去做对比 地址VerticalViewPager Ve
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JavPer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值