FiveFiveVideoPlayer 使用說明
FiveFiveVideoPlayer 是一個可以高度自定義的播放器,手勢改變亮度,音量,進度;支持調整倍速;可以輕鬆實現全屏視頻播放,列表視頻播放,小窗口視頻播放
1. 效果示例
1.1 效果圖
豎屏效果
橫屏效果
1.2 APK 功能體驗
demo比較粗糙,請勿介意
APK 下載 安裝體驗
掃描二維碼圖片安裝體驗(瀏覽器掃描)
2. 快速集成
2.1 gradle 引入($version 需要替換爲上圖對應的版本號)
implementation 'cn.onestravel:FiveFiveVideoPlayer:1.0.0'
2.2 添加權限
<uses-permission android:name="android.permission.INTERNET" />
2.3 使用 FiveVideoPlayerActivity
播放視頻
FiveVideoPlayerActivity 是一個集成播放器的Activity,在只需要播放視頻的情況下可直接使用
使用方式:在需要播放視頻的地方添加以下代碼,開始播放視頻
val path = "http://vfx.mtime.cn/Video/2019/03/19/mp4/190319212559089721.mp4"
// 傳入視頻地址開始播放
FiveVideoPlayerActivity.start(this, path)
// 傳入視頻地址和視頻標題開始播放
FiveVideoPlayerActivity.start(this, path,"玩具總動員")
// 傳入視頻地址和視頻標題開始循環播放
FiveVideoPlayerActivity.start(this, path,"玩具總動員",true)
2.4 使用 FiveVideoPlayer
播放視頻
FiveVideoPlayer :集成了視頻播放,控制器,頂部標題欄,右側選擇窗口的View,可以直接使用在xml佈局中,
方便使用視頻播放器時根據自己的情況更改視頻播放器展示View;
可以根據不同的設計方案進行控制器的替換(需實現控制器接口或繼承現有控制器類,對需要調整部分進行更改)
可以直接使用右側選擇窗口,實現倍速調整(功能已實現)或者 視頻質量的切換(該功能暫未實現)
使用方式:
- 在佈局 xml 文件中加入一下代碼
<cn.onestravel.fivefiveplayer.FiveVideoPlayer
android:id="@+id/fiveVideoPlayer"
android:layout_width="match_parent"
android:layout_height="match_parent" />
- 在Activity 中使用該 View 進行視頻播放
fun initData {
val path = "http://vfx.mtime.cn/Video/2019/03/19/mp4/190319212559089721.mp4"
val title = "玩具總動員"
fiveVideoPlayer.setOnPreparedListener {
it.start()
it.setVideoDisplayType(PlayerInterface.VIDEO_DISPLAY_TYPE_FIT_CENTER)
}
fiveVideoPlayer.setDataSource(path,title)
}
override fun onDestroy() {
try {
fiveVideoPlayer?.let {
it.reset()
it.release()
}
} catch (e: Exception) {
e.printStackTrace()
}
super.onDestroy()
}
或
fun initData {
val path = "http://vfx.mtime.cn/Video/2019/03/19/mp4/190319212559089721.mp4"
val title = "玩具總動員"
val looping = false;
val mediaDataSource = MediaDataSource(title, Uri.parse(path), looping)
fiveVideoPlayer.setOnPreparedListener {
it.start()
it.setVideoDisplayType(PlayerInterface.VIDEO_DISPLAY_TYPE_FIT_CENTER)
}
fiveVideoPlayer.setDataSource(it)
}
override fun onDestroy() {
try {
fiveVideoPlayer?.let {
it.reset()
it.release()
}
} catch (e: Exception) {
e.printStackTrace()
}
super.onDestroy()
}
2.4 使用 FiveVideoView
播放視頻
FiveVideoView :視頻播放的View,無控制欄,標題欄,可設置(單擊/雙擊進行播放,暫停操作)可以直接使用在xml佈局中,
一般使用在自定義程度比較高的視頻播放器中,或者在列表播放中使用;
使用方式:
- 在佈局 xml 文件中加入一下代碼
<cn.onestravel.fivefiveplayer.FiveVideoView
android:id="@+id/fiveVideoView"
android:layout_width="match_parent"
android:layout_height="200dp"
android:background="@android:color/black"
app:layout_constraintTop_toTopOf="parent" />
- 在Activity 中使用該 View 進行視頻播放
fun initData {
val path = "http://vfx.mtime.cn/Video/2019/03/19/mp4/190319212559089721.mp4"
fiveVideoView.setDataSource(path)
fiveVideoView.setOnPreparedListener {
it.start()
fiveVideoView.setVideoDisplayType(PlayerInterface.VIDEO_DISPLAY_TYPE_FIT_CENTER)
}
override fun onDestroy() {
try {
fiveVideoPlayer?.let {
it.reset()
it.release()
}
} catch (e: Exception) {
e.printStackTrace()
}
super.onDestroy()
}
3. API 文檔
點擊 FiveFiveVideoPlayer API 文檔查看詳細API
4. 版本記錄
V 1.0.0
1. 集成 Media Player 內核
2. 實現視頻播放View,實現單擊/雙擊進行暫停,播放
3. 實現視頻播放器View,視頻播放器Activity
4. 支持手勢滑動調整音量,亮度,進度
5. 支持自定義視頻播放控制器,播放器內含默認視頻控制器
溫馨提示:
在使用過程中,如遇到任何問題,可發送郵件至[email protected]說明相關問題,我在看到郵件第一時間,會針對相應問題進行溝通解決,謝謝支持!