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

pl.gif

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

  1. ijkPlayer可以自己裁剪編譯，靈活性較好；
  2. PLDroidPlayer不能裁剪，所以不需要編譯，集成簡單
  3. PLDroidPlayer首開速度要快
  4. PLDroidPlayer在軟解碼條件下CPU和內(nèi)存消耗較少

這次，我們和PLDroidPlayer玩耍了一下，集成了PLDroidPlayer的SDK，并且PLDroidPlayer的基礎(chǔ)上自定義了播放器界面，整體體驗(yàn)如下：

  1. 由于官方文檔十分詳細(xì)，所以集成SDK僅僅花費(fèi)了幾分鐘時間，就能使用PLDroidPlayer播放視頻了；
  2. 集成過程中發(fā)現(xiàn)比較特別的功能，如DNS解析優(yōu)化，本地緩存等；
  3. 自定義UI界面花費(fèi)時間較多，有很多細(xì)節(jié)需要處理。

集成SDK

下載SDK

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

導(dǎo)入SDK

下載下來的SDK提供了幾種CPU類型的so庫，這里為了減少apk的體積，只選擇armeabi和armeabi-v7a的庫。然后將jar包導(dǎo)入到項libs目錄下，導(dǎo)入結(jié)果如下圖：

import_sdk.png

導(dǎo)入完成后，記得同步一下，這樣就能調(diào)用SDK里面的API了。

清單文件配置

在清單文件中添加4個權(quán)限：

<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"/>
  1. 網(wǎng)絡(luò)權(quán)限
  2. 讀取外部磁盤權(quán)限：在需要緩存視頻文件時需要（在6.0以上版本需要動態(tài)申請）
  3. 喚醒鎖權(quán)限：播放視頻控制不黑屏使用
  4. 獲取網(wǎng)絡(luò)狀態(tài)權(quán)限：在需要判斷網(wǎng)絡(luò)連接狀態(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加載視頻的進(jìn)度條。PLVideoView在布局文件中配置屬性keepScreenOn為true，讓屏幕保持常亮。當(dāng)然，我們也可以使用相關(guān)API完成屏幕的點(diǎn)亮與熄滅。

<?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>

初始化

我們可以調(diào)用PLVideoView的API進(jìn)行初始化設(shè)置，如視頻路徑，各種播放監(jiān)聽器，MediaController(如圖所示),視頻預(yù)覽模式（原始尺寸、適應(yīng)屏幕、全屏鋪滿、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";
    //設(shè)置Video的路徑
    mPlVideoView.setVideoPath(path);
    //設(shè)置MediaController，這里是拷貝官方Demo的MediaController，當(dāng)然可以自己實(shí)現(xiàn)一個
    mPlVideoView.setMediaController(new MediaController(this));
    //設(shè)置視頻預(yù)覽模式
    mPlVideoView.setDisplayAspectRatio(PLVideoView.ASPECT_RATIO_PAVED_PARENT);
    //設(shè)置加載進(jìn)度的布局
    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();//釋放資源
}

橫豎屏切換

當(dāng)橫豎屏切換時，為了不讓Activity重新創(chuàng)建，我們需要配置AndroidManifest.xml。

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

PLVideoTextureView

PLVideoTextureView與PLVideoView的API幾乎一模一樣，由于PLVideoTextureView內(nèi)部使用TextureView作為視頻渲染控件，所以它還具備旋轉(zhuǎn)、鏡像變換的功能。


rotate_180.jpg
mPlVideoView.setRotation(180);
mirror.jpg
mPlVideoView.setMirror(true);

自定義UI

custom_view.jpg

PLDroidPlayer只提供比較簡單的播放控件PLVideoView和PLVideoTextureView，這可能還不能完全滿足項目需求，一般還需要自己定義一套播放UI界面。這里，我們自定義一個組合式控件VideoView，它的內(nèi)部包含最基本的播放控件，還有加載進(jìn)度條，播放進(jìn)度條，播放時間，播放暫停按鈕。當(dāng)然如果想要做的更完美一些，還可以加一些手勢進(jìn)行音量、亮度等控制。

配置進(jìn)度條樣式

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度選旋轉(zhuǎn)一張圖片。

播放暫停按鈕

在VideoView中間放置一個播放暫停按鈕，默認(rèn)是隱藏的，當(dāng)開始播放時顯示成暫停的按鈕，等待5s后自動隱藏，當(dāng)用戶觸摸VideoView時又顯示出來，松開之后延時5s又隱藏掉。

//視頻準(zhǔn)備監(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);
}

//處理播放暫停按鈕點(diǎn)擊事件
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);
    }
}

播放進(jìn)度

當(dāng)視頻準(zhǔn)備好開始播放時，我們更新播放總時長，然后開啟一個消息循環(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));
        //設(shè)置SeekBar進(jìn)度
        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進(jìn)度
        mSeekBar.setProgress((int) mTextureView.getCurrentPosition());
        //延時再次刷新
        postDelayed(mTicker, DELAY);
    }
};

當(dāng)用戶暫停播放時停止消息循環(huán)，開始播放時，重新開啟消息循環(huán)。

private void togglePlay() {
    if (mTextureView.isPlaying()) {
        //移除消息隊列里面的mTicker，停止消息循環(huán)
        removeCallbacks(mTicker);
    } else {
        //重啟消息循環(huán)
        postDelayed(mTicker, DELAY);
    }
}

拖動進(jìn)度條處理

private SeekBar.OnSeekBarChangeListener mOnSeekBarChangeListener = new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        //如果是用戶操作
        if (fromUser) {
            //設(shè)置播放進(jìn)度
            mTextureView.seekTo(progress);
        }
    }
};

播放結(jié)束處理

播放結(jié)束時，重置播放按鈕圖片，重置已播放時長，停止定時更新進(jìn)度

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);
    }
};

意外退出處理

當(dāng)用戶在播放過程中直接退出Activity時，我們在onDetachedFromWindow中做一些清理工作。

@Override
protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    mTextureView.stopPlayback();//停止播放
    removeCallbacks(mTicker);//移除定時更新進(jìn)度
    removeCallbacks(mHider);//移除定時隱藏
}

小結(jié)

事實(shí)上，如果對播放器的內(nèi)核沒有特殊自定義需求，直接使用PLDroidPlayer是個不錯的選擇，集成簡單，節(jié)省不少時間成本，并且性能不錯。當(dāng)然對于PLDroidPlayer也有一些不足的地方：

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

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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容