FiveFiveVideoPlayer 是一個可以高度自定義的視頻播放器

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]說明相關問題,我在看到郵件第一時間,會針對相應問題進行溝通解決,謝謝支持!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章