一天開發(fā)一個播放器Demo：PLDroidPlayer實戰(zhàn)

pl.gif

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

ijkPlayer可以自己裁剪編譯芹血，靈活性較好贮泞；
PLDroidPlayer不能裁剪，所以不需要編譯幔烛，集成簡單
PLDroidPlayer首開速度要快
PLDroidPlayer在軟解碼條件下CPU和內存消耗較少

這次啃擦，我們和PLDroidPlayer玩耍了一下，集成了PLDroidPlayer的SDK饿悬，并且PLDroidPlayer的基礎上自定義了播放器界面令蛉，整體體驗如下：

由于官方文檔十分詳細，所以集成SDK僅僅花費了幾分鐘時間狡恬，就能使用PLDroidPlayer播放視頻了言询；
集成過程中發(fā)現比較特別的功能，如DNS解析優(yōu)化傲宜，本地緩存等；
自定義UI界面花費時間較多夫啊，有很多細節(jié)需要處理函卒。

集成SDK

下載SDK

PLDroidPlayer的SDK掛載在Github:https://github.com/pili-engineering/PLDroidPlayer/releases，我們選擇最新SDK下載撇眯。希望官方能夠提供Gradle依賴报嵌，這樣會方便很多。

導入SDK

下載下來的SDK提供了幾種CPU類型的so庫熊榛，這里為了減少apk的體積锚国，只選擇armeabi和armeabi-v7a的庫。然后將jar包導入到項libs目錄下玄坦，導入結果如下圖：

import_sdk.png

導入完成后血筑，記得同步一下绘沉，這樣就能調用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以上版本需要動態(tài)申請）
喚醒鎖權限：播放視頻控制不黑屏使用
獲取網絡狀態(tài)權限：在需要判斷網絡連接狀態(tài)時使用

代碼混淆配置

如果打包apk開啟了代碼混淆豺总，還需要配置一下proguard-rules.pro文件车伞，防止SDK的類被混淆掉。

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

PLVideoView使用

play_potrait.jpg

play_landscape.jpg

PLVideoView使用SurfaceView作為視頻的渲染層喻喳。

布局

在布局中添加PLVideoView另玖，并添加一個ProgressBar作為PLVideoView加載視頻的進度條。PLVideoView在布局文件中配置屬性keepScreenOn為true表伦，讓屏幕保持常亮谦去。當然，我們也可以使用相關API完成屏幕的點亮與熄滅蹦哼。

<?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進行初始化設置鳄哭，如視頻路徑，各種播放監(jiān)聽器翔怎，MediaController(如圖所示),視頻預覽模式（原始尺寸窃诉、適應屏幕、全屏鋪滿赤套、16:9飘痛、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重新創(chuàng)建剔氏，我們需要配置AndroidManifest.xml塑猖。

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

PLVideoTextureView

PLVideoTextureView與PLVideoView的API幾乎一模一樣，由于PLVideoTextureView內部使用TextureView作為視頻渲染控件谈跛，所以它還具備旋轉羊苟、鏡像變換的功能。

rotate_180.jpg

mPlVideoView.setRotation(180);

mirror.jpg

mPlVideoView.setMirror(true);

自定義UI

custom_view.jpg

PLDroidPlayer只提供比較簡單的播放控件PLVideoView和PLVideoTextureView感憾，這可能還不能完全滿足項目需求蜡励，一般還需要自己定義一套播放UI界面。這里阻桅，我們自定義一個組合式控件VideoView凉倚，它的內部包含最基本的播放控件，還有加載進度條嫂沉，播放進度條稽寒，播放時間，播放暫停按鈕趟章。當然如果想要做的更完美一些杏糙，還可以加一些手勢進行音量慎王、亮度等控制。

配置進度條樣式

loading.jpg

<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又隱藏掉锨天。

//視頻準備監(jiān)聽器
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后執(zhí)行該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);//清空消息循環(huán)

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

播放進度

當視頻準備好開始播放時毯盈，我們更新播放總時長，然后開啟一個消息循環(huán)病袄，每隔一段時間更新已播放時長搂赋。

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);
        //開始消息循環(huán)，更新已播放時長
        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);
    }
};

當用戶暫停播放時停止消息循環(huán)益缠，開始播放時脑奠，重新開啟消息循環(huán)。

private void togglePlay() {
    if (mTextureView.isPlaying()) {
        //移除消息隊列里面的mTicker幅慌，停止消息循環(huán)
        removeCallbacks(mTicker);
    } else {
        //重啟消息循環(huán)
        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);//移除定時隱藏
}

小結

事實上骂租，如果對播放器的內核沒有特殊自定義需求祷杈，直接使用PLDroidPlayer是個不錯的選擇，集成簡單渗饮，節(jié)省不少時間成本但汞，并且性能不錯。當然對于PLDroidPlayer也有一些不足的地方：

沒有提供Gradle依賴來下載SDK相關文件抽米，需要自己去Github下載。
其實PLDroidPlayer還可以提供一套可默認的UI層的庫糙置，這樣開發(fā)者如果對UI沒有定制化需求云茸，那么簡直不要太簡單。
在使用過程中還存在一些小Bug谤饭，比如會出現已播放時長超過視頻總時長的情況标捺，不知道是不是我的使用姿勢問題還是SDK的問題懊纳。
我還嘗試過將PLDroidPlayer放在列表中想做一個類似今日頭條的視頻列表效果，但并不成功亡容，不知道是不是我的姿勢問題還是SDK沒有考慮過這方面的需求嗤疯。

我的博客即將搬運同步至騰訊云+社區(qū)，邀請大家一同入駐：https://cloud.tencent.com/developer/support-plan?invite_code=30jip7m6zy0wk