播放视频
使用kotlin
使用MediaController
+VideoView
实现方式视频播放和常用控制
这种方式是最简单的实现方式,是Android原生框架提供的方法,有比较好的兼容性
VideoView
继承了SurfaceView同时实现了MediaPlayerControl接口,直接在layout中放置即可
MediaController
则是安卓封装的辅助控制器,带有暂停,播放,停止,进度条等控件,在播放前和VideoView关联即可
demo介绍
demo代码地址 https://git.dev.tencent.com/zhoulei26/coairPlayer.git
demo整体介绍:
一个MainActivity
负责权限申请,layout中放置一个由navigation负责页面跳转的fragment。
两个fragment,VideoFragment
负责视频播放,VideoListFragment
展示视频列表
关键代码和解析
下面通过关键点代码说明如何实现视频播放与控制 只展示关键代码
布局文件 fragment_video.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
<VideoView
android:id="@+id/videoView"
android:layout_width="match_parent"
android:layout_height="match_parent"
... />
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/btList"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="list"
.../>
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/btMode"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单曲循环"
.../>
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/btReplay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="重播"
.../>
</androidx.constraintlayout.widget.ConstraintLayout>
demo中有两个全局值,一个用于指示视频索引,一个是全部视频列表。项目中,可以封装到viewModle中
/** 当前播放视频的索引 */
var curIndexOfVideos = 0
/** 视频地址列表 */
val videoPathList = listOf(
PathUtils.getExternalStoragePath() + File.separator + "routon" + File.separator +
"3.avi",
PathUtils.getExternalStoragePath() + File.separator + "routon" + File.separator +
"1.mp4",
PathUtils.getExternalStoragePath() + File.separator + "routon" + File.separator +
"55747818-1-192.mkv"
)
关联VideoView与MediaController,播放视频
/** 设置videoView视频地址 */
fun setVideoPath() {
videoView.setVideoPath(videoPathList[curIndexOfVideos])
}
override fun onActivityCreated(savedInstanceState: Bundle?) {
....
setVideoPath()
//创建MediaController对象
val mediaController = MediaController(activity)
//VideoView与MediaController建立关联
videoView.setMediaController(mediaController)
//让VideoView获取焦点
videoView.requestFocus()
//开始播放
videoView.start()
...
}
播放控制
下一曲\上一曲
/** 播放下一曲 */
fun palyNextView() {
curIndexOfVideos++
if (curIndexOfVideos == videoPathList.size) {
curIndexOfVideos = 0
}
setVideoPath()
videoView.start()
}
/** 播放上一曲 */
fun playPrevVideo() {
curIndexOfVideos--
if (curIndexOfVideos < 0) {
curIndexOfVideos = videoPathList.size - 1
}
setVideoPath()
videoView.start()
}
//注册监听
mediaController.setPrevNextListeners({
//点击下一曲
LogUtils.i("next")
palyNextView()
}, {
//点击上一曲
LogUtils.i("prev")
playPrevVideo()
})
暂停/播放 由MediaController自带实现
循环模式
//由一个标志位控制
var singleCycle = false
//点击bt控制该标志位
btMode.apply {
text = if (singleCycle) {
"单曲循环"
} else {
"列表循环"
}
clickWithTrigger {
singleCycle = !singleCycle
text = if (singleCycle) {
"单曲循环"
} else {
"列表循环"
}
}
}
//注册播放完成之后监听
videoView.setOnCompletionListener {
if (singleCycle) {
//定位到开始位置,然后开始播放
videoView.seekTo(0)
videoView.start()
} else {
//播放下一曲
palyNextView()
}
}
重播
btReplay.clickWithTrigger {
//调用videoView自己方法
videoView.resume()
}
列表点选播放
一个简单的列表。点击修改全局变量curIndexOfVideos,然后返回视频界面
网友评论