This repository was archived by the owner on Aug 9, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2.4k
This repository was archived by the owner on Aug 9, 2022. It is now read-only.
实现了RecycleView自动播放视频的效果,分享给大家 #1670
Copy link
Copy link
Closed
Description
谢谢作者@lipangit 开源出来如此优秀的框架,受益匪浅
项目中实现了类似汽车之家那种滑动RecycleView 自动播放视频的效果,分享给大家
原理
1.添加OnScrollListener 监听 ,循环遍历 可见区域(就是 lastVisibleItem - firstVisibleItem的个数)
内的播放器控件
最后通过 getLocalVisibleRect(rect) 方法计算出哪个播放器完全显示出来,然后startVideo()进行播放
2.在适当的时机跳出循环,只处理可见区域内的第一个播放器我使用的相关版本
...
compileSdkVersion 23
buildToolsVersion '25.0.3'
minSdkVersion 16
targetSdkVersion 23
...
compile 'cn.jzvd:jiaozivideoplayer:6.2.7'自己项目中RecycleView实现视频自动播放的代码如下
AutoPlayScrollListener listener = new AutoPlayScrollListener ();
recyclerView.addOnScrollListener(listener); /**
* 监听recycleView滑动状态,
* 自动播放可见区域内的第一个视频
*/
private static class AutoPlayScrollListener extends RecyclerView.OnScrollListener {
private int firstVisibleItem = 0;
private int lastVisibleItem = 0;
private int visibleCount = 0;
/**
* 被处理的视频状态标签
*/
private enum VideoTagEnum {
/**
* 自动播放视频
*/
TAG_AUTO_PLAY_VIDEO,
/**
* 暂停视频
*/
TAG_PAUSE_VIDEO
}
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
switch (newState) {
case RecyclerView.SCROLL_STATE_IDLE:
autoPlayVideo(recyclerView, VideoTagEnum.TAG_AUTO_PLAY_VIDEO);
default:
// 滑动时暂停视频 autoPlayVideo(recyclerView, VideoTagEnum.TAG_PAUSE_VIDEO);
break;
}
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
if (layoutManager instanceof LinearLayoutManager) {
LinearLayoutManager linearManager = (LinearLayoutManager) layoutManager;
firstVisibleItem = linearManager.findFirstVisibleItemPosition();
lastVisibleItem = linearManager.findLastVisibleItemPosition();
visibleCount = lastVisibleItem - firstVisibleItem;
}
}
/**
* 循环遍历 可见区域的播放器
* 然后通过 getLocalVisibleRect(rect)方法计算出哪个播放器完全显示出来
* <p>
* getLocalVisibleRect相关链接:http://www.cnblogs.com/ai-developers/p/4413585.html
*
* @param recyclerView
* @param handleVideoTag 视频需要进行状态
*/
private void autoPlayVideo(RecyclerView recyclerView, VideoTagEnum handleVideoTag) {
for (int i = 0; i < visibleCount; i++) {
if (recyclerView != null && recyclerView.getChildAt(i) != null && recyclerView.getChildAt(i).findViewById(R.id.videoplayer) != null) {
JZVideoPlayerStandard homeGSYVideoPlayer = (JZVideoPlayerStandard) recyclerView.getChildAt(i).findViewById(R.id.videoplayer);
Rect rect = new Rect();
homeGSYVideoPlayer.getLocalVisibleRect(rect);
int videoheight = homeGSYVideoPlayer.getHeight();
if (rect.top == 0 && rect.bottom == videoheight) {
handleVideo(handleVideoTag, homeGSYVideoPlayer);
// 跳出循环,只处理可见区域内的第一个播放器
break;
}
}
}
}
/**
* 视频状态处理
*
* @param handleVideoTag 视频需要进行状态
* @param homeGSYVideoPlayer JZVideoPlayer播放器
*/
private void handleVideo(VideoTagEnum handleVideoTag, JZVideoPlayerStandard homeGSYVideoPlayer) {
switch (handleVideoTag) {
case TAG_AUTO_PLAY_VIDEO:
if ((homeGSYVideoPlayer.currentState != JZVideoPlayerStandard.CURRENT_STATE_PLAYING)) {
// 进行播放
homeGSYVideoPlayer.startVideo();
}
break;
case TAG_PAUSE_VIDEO:
if ((homeGSYVideoPlayer.currentState != JZVideoPlayerStandard.CURRENT_STATE_PAUSE)) {
// 模拟点击,暂停视频
homeGSYVideoPlayer.startButton.performClick();
}
break;
default:
break;
}
}
}对于item滑出可见区域后,进行视频回收的逻辑,可以参照demo中的ActivityListViewRecyclerView
相关代码如下所示
// recycle this video when the item leaves the screen.
recyclerView.addOnChildAttachStateChangeListener(new RecyclerView.OnChildAttachStateChangeListener() {
@Override
public void onChildViewAttachedToWindow(View view) {
}
@Override
public void onChildViewDetachedFromWindow(View view) {
JZVideoPlayer jzvd = view.findViewById(R.id.videoplayer);
if (jzvd != null && JZUtils.dataSourceObjectsContainsUri(jzvd.dataSourceObjects, JZMediaManager.getCurrentDataSource())) {
if(JZVideoPlayerManager.getCurrentJzvd().currentScreen != JZVideoPlayer.SCREEN_WINDOW_FULLSCREEN){
JZVideoPlayer.releaseAllVideos();
}
}
}
});
}Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels