嵌入 ViewPager 的视频播放器
这次的目标是实现一个能够播放视频的轮播器,即每个页面都能放置视频且能随页面的切换实现视频的切换。这个需求类似于在ListView中实现小视频的播放和切换,核心内容是怎么将视频播放器与控件的状态变化连接在一起。
实现思路
- 使用 ViewPager 进行轮播
- 使用 MediaPlayer 对视频进行播放
- 使用 TextureView 展示视频界面
具体实现
为了提高性能,当然不能为每一页配置一个 MediaPlayer 用来播放视频,那么最好的解决方法是当页面切换时切换 MediaPlayer 的播放源。利用 ViewPager.OnPageChangeListener
监听轮播器的页面切换。
1 |
|
在每一页的 view 中需要有 TextureView 用来显示视频界面,同时利用 TextureView.SurfaceTextureListener
监听当前TextureView的可用性。SurfaceTextureListener接口用于让TextureView的使用者知道SurfaceTexture已准备好,这样就可以把SurfaceTexture交给相应的内容源。
TextureView可用于承载显示『数据流』的场合,之前看到『流』不太明确其意义,这里给两个具体的场景大家体会一下:camera模块从sensor采集了1080p@30fps的预览数据『流』,视频通话模块从网络包里解出实时视频数据『流』。
1 | public class VpVideoView extends TextureView implements TextureView.SurfaceTextureListener, MediaPlayer.OnVideoSizeChangedListener { |
这个类主要有一下几个功能:(1)使用Texture来展示视频流;(2)记录视频源和播放进度(注意当view被销毁时进度也会重置,所有如果需要进度不随ViewPager的缓存机制影响要另做保存);(3)利用 MediaPlayer.OnVideoSizeChangedListener
调整视频长与宽;(4)利用 SurfaceTextureListener
监听TextureView是否可用。当判断可用时开始启动MediaPlayer播放视频。
在另一方面,需要对MediaPlayer做一些处理,以便做视频的切换播放。1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92public class VPMediaPlayer extends MediaPlayer implements
MediaPlayer.OnCompletionListener,
MediaPlayer.OnErrorListener,
MediaPlayer.OnPreparedListener {
//some params
public VPMediaPlayer(SimpleViewPager simpleViewPager) {
this.simpleViewPager = simpleViewPager;
setLooping(false);
setOnPreparedListener(this);
setOnCompletionListener(this);
setOnErrorListener(this);
}
//some methods
public void start() throws IllegalStateException {
super.start();
seekTo(videoView.getSeekProgress());
}
public void playWithVideoLayout() {
isScrolling = false;
try {
reset();
setOnVideoSizeChangedListener(videoView);
setDataSource(videoView.getContext(), videoView.getmSource());
setSurface(videoView.getSurface());
prepareAsync();
} catch (NullPointerException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
public void replayWithCurrentLayout() {
simpleViewPager.stopAutoScroll();
isScrolling = false;
try {
reset();
setOnVideoSizeChangedListener(videoView);
setDataSource(videoView.getContext(), videoView.getmSource());
setSurface(videoView.getSurface());
prepareAsync();
} catch (NullPointerException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
public void pauseCurrentVideoLayout() {
simpleViewPager.startAutoScroll(true);
isScrolling = true;
}
public void pause() throws IllegalStateException {
super.pause();
if (videoView != null) {
videoView.setSeekProgress(getCurrentPosition());
}
}
public void onCompletion(MediaPlayer mp) {
simpleViewPager.startAutoScroll(true);
isScrolling = true;
}
public boolean onError(MediaPlayer mp, int what, int extra) {
simpleViewPager.startAutoScroll(true);
isScrolling = true;
reset();
return false;
}
public void onPrepared(MediaPlayer mp) {
start();
}
public boolean isScrolling() {
return isScrolling;
}
}
VPMediaPlayer 主要处理一些播放器的逻辑,主要功能包括:(1)提供视频的播放暂停功能;(2)能够在视频播放结束后自动切换到下一页。
结束语
整个部分暂时没有添加视频控制的功能和UI,但有了主要的核心代码其他的功能添加起来应该都是水到渠成的事。