一天開發一個播放器Demo：PLDroidPlayer實戰

時間 2019-11-17

標籤一天 1天開發一個播放 demo pldroidplayer 實戰简体版

原文原文鏈接

上次對播放器ijkPlayer和PLDroidPlayer進行了評測，整體來講：

ijkPlayer能夠本身裁剪編譯，靈活性較好；
PLDroidPlayer不能裁剪，因此不須要編譯，集成簡單
PLDroidPlayer首開速度要快
PLDroidPlayer在軟解碼條件下CPU和內存消耗較少

此次，咱們和PLDroidPlayer玩耍了一下，集成了PLDroidPlayer的SDK，而且PLDroidPlayer的基礎上自定義了播放器界面，總體體驗以下：android

因爲官方文檔十分詳細，因此集成SDK僅僅花費了幾分鐘時間，就能使用PLDroidPlayer播放視頻了；
集成過程當中發現比較特別的功能，如DNS解析優化，本地緩存等；
自定義UI界面花費時間較多，有不少細節須要處理。

集成SDK

下載SDK

PLDroidPlayer的SDK掛載在Github:github.com/pili-engine…，咱們選擇最新SDK下載。但願官方可以提供Gradle依賴，這樣會方便不少。git

導入SDK

下載下來的SDK提供了幾種CPU類型的so庫，這裏爲了減小apk的體積，只選擇armeabi和armeabi-v7a的庫。而後將jar包導入到項libs目錄下，導入結果以下圖：github

導入完成後，記得同步一下，這樣就能調用SDK裏面的API了。緩存

清單文件配置

在清單文件中添加4個權限：網絡

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WAKE_LOCK" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
複製代碼

網絡權限
讀取外部磁盤權限：在須要緩存視頻文件時須要（在6.0以上版本須要動態申請）
喚醒鎖權限：播放視頻控制不黑屏使用
獲取網絡狀態權限：在須要判斷網絡鏈接狀態時使用

代碼混淆配置

若是打包apk開啓了代碼混淆，還須要配置一下proguard-rules.pro文件，防止SDK的類被混淆掉。ide

-keep class com.pili.pldroid.player.** { *; }
-keep class com.qiniu.qplayer.mediaEngine.MediaPlayer{*;}
複製代碼

PLVideoView使用

PLVideoView使用SurfaceView做爲視頻的渲染層。佈局

佈局

在佈局中添加PLVideoView，並添加一個ProgressBar做爲PLVideoView加載視頻的進度條。PLVideoView在佈局文件中配置屬性keepScreenOn爲true，讓屏幕保持常亮。固然，咱們也可使用相關API完成屏幕的點亮與熄滅。post

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
    android:background="@android:color/black">

    <com.pili.pldroid.player.widget.PLVideoView
        android:id="@+id/pl_video_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:keepScreenOn="true">
    </com.pili.pldroid.player.widget.PLVideoView>

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"/>
</FrameLayout>
複製代碼

初始化

咱們能夠調用PLVideoView的API進行初始化設置，如視頻路徑，各類播放監聽器，MediaController(如圖所示)，視頻預覽模式（原始尺寸、適應屏幕、全屏鋪滿、16:九、4:3）等。性能

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_pl_video_view);

    mPlVideoView = findViewById(R.id.pl_video_view);
    String path = "http://hc.yinyuetai.com/uploads/videos/common/2B40015FD4683805AAD2D7D35A80F606.mp4?sc=364e86c8a7f42de3&br=783&rd=Android";
    //設置Video的路徑
	mPlVideoView.setVideoPath(path);
    //設置MediaController，這裏是拷貝官方Demo的MediaController，固然能夠本身實現一個
    mPlVideoView.setMediaController(new MediaController(this));
    //設置視頻預覽模式
    mPlVideoView.setDisplayAspectRatio(PLVideoView.ASPECT_RATIO_PAVED_PARENT);
	//設置加載進度的佈局
    mPlVideoView.setBufferingIndicator(findViewById(R.id.progress_bar));

}
複製代碼

生命週期管理

@Override
protected void onResume() {
    super.onResume();
    mPlVideoView.start();//開始播放
}

@Override
protected void onPause() {
    super.onPause();
    mPlVideoView.pause();//暫停播放
}

@Override
protected void onDestroy() {
    super.onDestroy();
    mPlVideoView.stopPlayback();//釋放資源
}
複製代碼

橫豎屏切換

當橫豎屏切換時，爲了避免讓Activity從新建立，咱們須要配置AndroidManifest.xml。優化

<activity
    android:name=".PLVideoViewActivity"
    android:configChanges="orientation|screenSize|keyboardHidden"
    android:theme="@style/AppTheme.FullScreen"/>
複製代碼

PLVideoTextureView

PLVideoTextureView與PLVideoView的API幾乎如出一轍，因爲PLVideoTextureView內部使用TextureView做爲視頻渲染控件，因此它還具有旋轉、鏡像變換的功能。

mPlVideoView.setRotation(180);
複製代碼

mPlVideoView.setMirror(true);
複製代碼

自定義UI

PLDroidPlayer只提供比較簡單的播放控件PLVideoView和PLVideoTextureView，這可能還不能徹底知足項目需求，通常還須要本身定義一套播放UI界面。這裏，咱們自定義一個組合式控件VideoView，它的內部包含最基本的播放控件，還有加載進度條，播放進度條，播放時間，播放暫停按鈕。固然若是想要作的更完美一些，還能夠加一些手勢進行音量、亮度等控制。

配置進度條樣式

<ProgressBar
    android:id="@+id/progress_bar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminateDrawable="@drawable/loading"
    android:layout_gravity="center"/>
複製代碼

在ProgressBar裏面配置一個indeterminateDrawable屬性，指定爲drawable文件loading。

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading_bg"
    android:fromDegrees="0.0"
    android:pivotX="50.0%"
    android:pivotY="50.0%"
    android:toDegrees="360.0" />
複製代碼

而loading文件是一個roate的動畫，裏面配置360度旋轉一張圖片。

播放暫停按鈕

在VideoView中間放置一個播放暫停按鈕，默認是隱藏的，當開始播放時顯示成暫停的按鈕，等待5s後自動隱藏，當用戶觸摸VideoView時又顯示出來，鬆開以後延時5s又隱藏掉。

//視頻準備監聽器
private PLMediaPlayer.OnPreparedListener mOnPreparedListener = new PLMediaPlayer.OnPreparedListener() {
    @Override
    public void onPrepared(PLMediaPlayer plMediaPlayer, int i) {
		//顯示播放按鈕
        mPlay.setVisibility(View.VISIBLE);
		//開始延時5s
        postDelayed(mHider, HIDE_DELAY);
    }
};

//延時5s後執行該Runnable
private Runnable mHider = new Runnable() {
    @Override
    public void run() {
		//隱藏播放按鈕
        mPlay.setVisibility(View.GONE);
    }
};

//處理觸摸事件
@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            if (mProgressBar.getVisibility() == View.GONE) {
                //顯示播放器
                mPlay.setVisibility(VISIBLE);
				//延時5s隱藏
                postDelayed(mHider, HIDE_DELAY);
            }
            break;
    }
    return super.onTouchEvent(event);
}

//處理播放暫停按鈕點擊事件
private void togglePlay() {
    if (mTextureView.isPlaying()) {
        mTextureView.pause();//暫停
        mPlay.setImageResource(R.drawable.play_selector);
        removeCallbacksAndMessages(null);//清空消息循環

    } else {
        mTextureView.start();//播放
        mPlay.setVisibility(View.GONE);
        mPlay.setImageResource(R.drawable.pause_selector);
    }
}
複製代碼

播放進度

當視頻準備好開始播放時，咱們更新播放總時長，而後開啓一個消息循環，每隔一段時間更新已播放時長。

private PLMediaPlayer.OnPreparedListener mOnPreparedListener = new PLMediaPlayer.OnPreparedListener() {
    @Override
    public void onPrepared(PLMediaPlayer plMediaPlayer, int i) {

        mProgressBar.setVisibility(View.GONE);

        long duration = mTextureView.getDuration();
		//格式化總時間長並更新
        mDuration.setText(TimeUtils.stringForTime(duration));
		//設置SeekBar進度
        mSeekBar.setMax((int) duration);
		//開始消息循環，更新已播放時長
        postDelayed(mTicker, DELAY);
    }
};

private Runnable mTicker = new Runnable() {

    @Override
    public void run() {
		//更新已播放時長
        mCurrentTime.setText(TimeUtils.stringForTime(mTextureView.getCurrentPosition()));
		//更新SeekBar進度
        mSeekBar.setProgress((int) mTextureView.getCurrentPosition());
		//延時再次刷新
        postDelayed(mTicker, DELAY);
    }
};
複製代碼

當用戶暫停播放時中止消息循環，開始播放時，從新開啓消息循環。

private void togglePlay() {
    if (mTextureView.isPlaying()) {
		//移除消息隊列裏面的mTicker，中止消息循環
        removeCallbacks(mTicker);
    } else {
		//重啓消息循環
        postDelayed(mTicker, DELAY);
    }
}
複製代碼

拖動進度條處理

private SeekBar.OnSeekBarChangeListener mOnSeekBarChangeListener = new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
		//若是是用戶操做
        if (fromUser) {
			//設置播放進度
            mTextureView.seekTo(progress);
        }
    }
};
複製代碼

播放結束處理

播放結束時，重置播放按鈕圖片，重置已播放時長，中止定時更新進度

private PLMediaPlayer.OnCompletionListener mOnCompletionListener = new PLMediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(PLMediaPlayer plMediaPlayer) {
        mPlay.setImageResource(R.drawable.play_selector);
        mCurrentTime.setText("00:00");
        removeCallbacks(mTicker);
    }
};
複製代碼

意外退出處理

當用戶在播放過程當中直接退出Activity時，咱們在onDetachedFromWindow中作一些清理工做。

@Override
protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    mTextureView.stopPlayback();//中止播放
    removeCallbacks(mTicker);//移除定時更新進度
    removeCallbacks(mHider);//移除定時隱藏
}
複製代碼