1. 程式人生 > >Android進階:自定義視頻播放器開發(下)

Android進階:自定義視頻播放器開發(下)

destroy 動畫 rev upd activit defs 使用 his 代碼

上一篇文章我們主要講了視頻播放器開發之前需要準備的一個知識,TextureView,用於對圖像流的處理。這篇文章開始構建一個基礎的視頻播放器。

一、準備工作

在之前的文章已經說過了,播放器也是一個view,我們要在這個view上播放視頻流。所以我們要自定義一個簡單的viewgroup,比如繼承FrameLayout。還出就是布局簡單,其他控件可以往上面添加。大家見過的視頻播放器的控制器都是放在視頻的上方的。這樣就是用FrameLayout布局是最好的。

class SmallVideoPlayer extends FrameLayout

二、初始化TextureView

這是一個用於承載顯示‘數據流’的View,它不會創建新的窗口來顯示內容。它是將內容流直接投放到View中,並且可以和其它普通View一樣進行移動,旋轉,縮放,動畫等變化。

TextureView初始化方式如下,並且我們這個播放器View要實現其監聽方法:

class SmallVideoPlayer extends FrameLayout implements TextureView.SurfaceTextureListener

  private void initTextureView() {
        if (mTextureView == null) {
            mTextureView = new TextureView(mContext);
            mTextureView.setSurfaceTextureListener(this);
        }
    }

然後我們把這個TextureView添加到我們的視頻播放器的view上,並且設置跟視頻播放器View一樣大小:

    private void addTextureView() {
        removeView(mTextureView);
        LayoutParams params = new LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT,
                Gravity.CENTER);
        addView(mTextureView, 0, params);
    }

三、初始化播放器內核

一個公司想要實現機的播放器內核需要一定的成本,所以大部分公司都選擇使用第三方的內核,比如bilibili開源的ijkplayer。ijkplayer是一個基於FFmpeg的輕量級Android/iOS視頻播放器。FFmpeg的是全球領先的多媒體框架,能夠解碼,編碼,轉碼,復用,解復用,流,過濾器和播放大部分的視頻格式。它提供了錄制、轉換以及流化音視頻的完整解決方案。這裏我們也用它。

在項目module的gradle裏面添加依賴:

    implementation ‘tv.danmaku.ijk.media:ijkplayer-java:0.8.3‘
    implementation ‘tv.danmaku.ijk.media:ijkplayer-armv7a:0.8.3‘
    implementation ‘tv.danmaku.ijk.media:ijkplayer-armv5:0.8.3‘
    implementation ‘tv.danmaku.ijk.media:ijkplayer-x86:0.8.3‘

編譯成功之後我們就可以在代碼裏面用它了,這個也很簡單一般不會出什麽問題。ijplayer裏面提供了一個IMediaPlayer,我們初始化它即可:

    private void initMediaPlayer() {
        if (mMediaPlayer == null) {
            mMediaPlayer = new IjkMediaPlayer();
            mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
        }
    }

準備工作都做好了,我們要在什麽時候開始播放呢?當然是TextureView準備好之後就可以播放了,TextuerView的draw方法中會調用TextureLayer layer = getTextureLayer();方法,而getTextureLayer()這個方法中當surface創建成功之後會執行我們實現的接口方法:

 if (mListener != null && createNewSurface) {
                mListener.onSurfaceTextureAvailable(mSurface, getWidth(), getHeight());
            }

從上面代碼可以看出當我們設置了mListener,並且創建surface成功之後會為我們回調onSurfaceTextureAvailable方法,並傳遞給我們一個mSurface及其寬高。那我們在這個方法裏播放視頻就可以了:

    @Override
    public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
        if (mSurfaceTexture == null) {
            mSurfaceTexture = surface;
            openMediaPlayer();
        } else {
            mTextureView.setSurfaceTexture(mSurfaceTexture);
        }
    }

我們自己創建一個SurfaceTexture對象存儲TextureView給我傳遞的SurfaceTexture對象,然後開啟視頻播放。如果你自己實現了SurfaceTexture,你也可以用你自己的。

    private void openMediaPlayer() {
        // 屏幕常亮
        setKeepScreenOn(true);
        // 設置dataSource
        try {
            mMediaPlayer.setDataSource(mContext.getApplicationContext(), Uri.parse(mUrl));
            if (mSurface == null) {
                mSurface = new Surface(mSurfaceTexture);
            }
            mMediaPlayer.setSurface(mSurface);
            mMediaPlayer.prepareAsync();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

使用ijplayer播放視頻很簡單,只要為其設置數據源即可。但是為了能讓視頻顯示出來,也就是能在view上播放出來,我們需要使用Surface。
創建對象private Surface mSurface;,傳入剛才存儲的SurfaceTexture對象:mSurface = new Surface(mSurfaceTexture);,然後把這個surface對象傳遞給播放器即可,最後使用播放器開始播放,註意這個方法是同步的。
完成以上步驟,簡單的視頻播放器就可以完成了。

代碼:
我們把代碼進行整理如下:

播放器

public class SmallVideoPlayer extends FrameLayout implements TextureView.SurfaceTextureListener {
    private TextureView mTextureView;
    private SurfaceTexture mSurfaceTexture;
    private Surface mSurface;
    private AudioManager mAudioManager;
    private IMediaPlayer mMediaPlayer;
    private Context mContext;
    private String mUrl;

    public SmallVideoPlayer(@NonNull Context context) {
        this(context, null);
    }

    public SmallVideoPlayer(@NonNull Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, -1);
    }

    public SmallVideoPlayer(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
    }

    public void setUp(String url) {
        mUrl = url;

    }

    public void start() {
        initAudioManager();
        initMediaPlayer();
        initTextureView();
        addTextureView();
    }

    private void initAudioManager() {
        if (mAudioManager == null) {
            mAudioManager = (AudioManager) getContext().getSystemService(Context.AUDIO_SERVICE);
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
                mAudioManager.requestAudioFocus(new AudioFocusRequest.Builder(AudioManager.AUDIOFOCUS_GAIN).build());
            } else {
                mAudioManager.requestAudioFocus(null, AudioManager.STREAM_MUSIC, AudioManager.AUDIOFOCUS_GAIN);
            }
        }
    }

    private void initMediaPlayer() {
        if (mMediaPlayer == null) {
            mMediaPlayer = new IjkMediaPlayer();
            mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
        }
    }

    private void initTextureView() {
        if (mTextureView == null) {
            mTextureView = new TextureView(mContext);
            mTextureView.setSurfaceTextureListener(this);
        }
    }

    private void addTextureView() {
        removeView(mTextureView);
        LayoutParams params = new LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT,
                Gravity.CENTER);
        addView(mTextureView, 0, params);
    }

    @Override
    public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
        if (mSurfaceTexture == null) {
            mSurfaceTexture = surface;
            openMediaPlayer();
        } else {
            mTextureView.setSurfaceTexture(mSurfaceTexture);
        }
    }

    private void openMediaPlayer() {
        // 屏幕常亮
        setKeepScreenOn(true);

        // 設置dataSource
        try {
            mMediaPlayer.setDataSource(mContext.getApplicationContext(), Uri.parse(mUrl)/*, mHeaders*/);
            if (mSurface == null) {
                mSurface = new Surface(mSurfaceTexture);
            }
            mMediaPlayer.setSurface(mSurface);
            mMediaPlayer.prepareAsync();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {

    }

    @Override
    public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
        return mSurfaceTexture == null;
    }

    @Override
    public void onSurfaceTextureUpdated(SurfaceTexture surface) {

    }
}

使用布局:
在activity中的布局加上即可

    <com.example.ycm.smallvideoplayer.smallvideoplayer.SmallVideoPlayer
        android:id="@+id/small_video_player"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

在activity中獲取播放器view,然後設置一個視頻URL,開啟播放即可。

    SmallVideoPlayer mSmallVideoPlayer; = findViewById(R.id.small_video_player);
    mSmallVideoPlayer.setUp("http://tanzi27niu.cdsb.mobi/wps/wp-content/uploads/2017/05/2017-05-17_17-33-30.mp4");
    mSmallVideoPlayer.start();

以上就完成了視頻播放器的初體驗。其實你會發現這是多麽簡單啊。實際上來說一個高級開發人員並沒有比你高明多少,他們比你多的其實只是經驗和思路。所以想要從初中級開發跳躍到高級開發,需要你不斷的思考,獨立實現業務需求。如果給你一個大模塊,你能利用你的知識,和網絡獲取的資料就能實現,你離高級開發工程師就不遠了。

推薦閱讀

Android進階:自定義視頻播放器開發(上)

Android進階:自定義視頻播放器開發(下)