2. 程式人生 > >基於IJKPlayer的簡易視訊播放器

基於IJKPlayer的簡易視訊播放器

阿新 • • 發佈：2019-02-02

寫在前面

PS：沒錯，這就是那篇躺在草稿箱裡好幾個月的殭屍部落格，直到現在（2017年1月中旬）才打算寫完，簡單總結一下知識點，以備不時之需。

現在的專案是一個電影預告的APP，必然得有個視訊播放器，之前是用VideoView寫的，並且所有功能寫在一個Activity中，都沒有針對播放器單獨做一下封裝，程式碼有一千兩百來行，暈，程式碼的格式，變數的命名慘不忍睹，所以後期的功能新增和改動可以用大工程三個字來形容，並且老闆也對這個播放器提過很多意見，以上各種原因，打算徹底拋棄這個播放器，重新規劃。百度了好久，最後在Github上發現了一個視屏播放器（https://github.com/lipangit/JieCaoVideoPlayer
），介面也挺不錯，但是最終發現不太適用於現在的專案，看了下原始碼，覺得貌似不難，可以自己寫一個，要是以後加功能或改需求，我也好有個心裡準備！

Begin

開始的時候基於MediaPlayer來寫，寫好之後才發現，MediaPlayer真的是從入門到放棄，監聽介面的呼叫非常詭異，比如在視訊剛開始播時MediaPlayer.OnErrorListener居然被呼叫等等，不過這些問題可以寫一堆的Boolean變數來規避，最讓人受不了的就是當播放器從後臺返回當前頁面時的一些列問題：奔潰，畫面空白，長時間的重新緩衝......，最後發現，最終的實現效果很不好，並且自己已經被這一堆的Boolean變數搞暈了！後來才知道有IJKPlayer這麼個東西，介面相比於MediaPlayer就多個一個字母i，介面呼叫很規律，前後臺的切換也無前面那些問題，完美！
先實現一堆的介面：
    1. IMediaPlayer.OnInfoListener 當前視屏播放狀態，如正在開始快取，或緩衝結束開始播放
    2. IMediaPlayer.OnPreparedListener MediaPlayer的初始化，可以做一些初始化操作
    3. IMediaPlayer.OnCompletionListener ，IMediaPlayer.OnErrorListener 看名字都知道是幹毛用的
    4. IMediaPlayer.OnBufferingUpdateListener 網路視屏的緩衝進度監聽
    5. SurfaceHolder.Callback  用於監聽SurfaceView的狀態
    6. 再實現一堆的用於更新介面的介面：如OnClickListener, OnTouchListener, SeekBar.OnSeekBarChangeListener OnAudioFocusChangeListener.....
接著就是播放器的初始化，使用SurfaceView播放視訊 
SurfaceHolder holder= mSurface.getHolder();
holder.addCallback(this);
IjkMediaPlayer player = new IjkMediaPlayer();
player.reset();
try {
    //設定視訊url
    mPlayer.setDataSource(getContext(), Uri.parse(url));
} catch (IOException e) {
  e.printStackTrace();
}

@Override
public void surfaceCreated(SurfaceHolder holder) {
    //指定MediaPlayer在當前的Surface中進行播放
    mPlayer.setDisplay(mHolder);
}

處理音訊相關的操作:

mAudioManager = (AudioManager) getContext().getSystemService(Context.AUDIO_SERVICE);
audioFocusListener = new AudioManager.OnAudioFocusChangeListener() {
      @Override
      public void onAudioFocusChange(int focusChange) {
           switch (focusChange) {
                case AudioManager.AUDIOFOCUS_GAIN:
                    break;
                case AudioManager.AUDIOFOCUS_LOSS:
                    // 長久的失去音訊焦點，釋放MediaPlayer
                    //stop();
                    break;
                case AudioManager.AUDIOFOCUS_LOSS_TRANSIENT:
                    // 暫時失去音訊焦點，暫停播放等待重新獲得音訊焦點
                    pause();
                    break;
                case AudioManager.AUDIOFOCUS_LOSS_TRANSIENT_CAN_DUCK:
                    break;
            }
        }
    };
//申請音訊焦點
mAudioManager.requestAudioFocus(audioFocusListener,
        AudioManager.STREAM_MUSIC, AudioManager.AUDIOFOCUS_GAIN);

至於視屏的填充樣式，參考Windows的背景做了四種，分別為：適應，填充，拉伸，居中。如果不做任何處理就是拉伸效果，專案中預設使用適應效果，其實這個專案根本用不到填充和居中，我就是寫著玩的。

	switch (mode) {
            case FILL_MODE_ADAPT://適應
                if ((float) vWidth / vHeight > (float) width / height) {
                    //視屏的高不足以填充螢幕，寬度填充，計算合適的高度
                    params.width = width;
                    params.height = width * vHeight / vWidth;
                } else {
                    //視屏的寬不足以填充螢幕，高度填充，計算合適的寬度
                    params.width = height * vWidth / vHeight;
                    params.height = height;
                }
                break;
            case FILL_MODE_FILL://填充
                if ((float) vWidth / vHeight > (float) width / height) {
                    //視屏的高不足以填充螢幕，寬度填充，捨棄部分寬度，高度填充
                    params.width = height * vWidth / vHeight;
                    params.height = height;
                } else {
                    //視屏的寬不足以填充螢幕，高度填充，捨棄部分高度，寬度度填充
                    params.width = width;
                    params.height = width * vHeight / vWidth;
                }
                break;
            case FILL_MODE_STRETCH://拉伸
                //不做任何處理就是拉伸
                break;
            case FILL_MODE_CENTER://居中
                params.width = vWidth;
                params.height = vHeight;
                break;
        }

視訊的進度調節和音量調節，使用Touch時間去處理，當Touch事件為MotionEvent.ACTION_UP時，使用IjkMediaPlayer.seekTo(long var1)方法定位視訊的播放位置，引數為要定為的視訊時間點，而視訊的總時間可以通過IjkMediaPlayer.getDuration()方法獲取，下面是手勢處理中的視訊進度調節Dialog

/**
     * 手勢視屏進度條
     *
     * @param dx 當前手指所在的點相對於初始點在X軸上劃過的距離
     */
    private void showVideoProgressDialog(float dx) {
        if (mVideoProgressDialog == null) {
            View view = LayoutInflater.from(getContext()).inflate(R.layout.player_video_progress, this, false);
            mProgressProgress = (ProgressBar) view.findViewById(R.id.player_progress_progress);
            mProgressTips = (ImageView) view.findViewById(R.id.player_progress_tips);
            mProgressTime = (TextView) view.findViewById(R.id.player_progress_time);
            mVideoProgressDialog = new Dialog(getContext(), R.style.style_dialog_progress);
            mVideoProgressDialog.setContentView(view);
            mVideoProgressDialog.getWindow().setLayout(dip2px(190), dip2px(100));
        }
        if (!mVideoProgressDialog.isShowing()) {
            //初始化進度框的大小及位置
            WindowManager.LayoutParams localLayoutParams = mVideoProgressDialog.getWindow().getAttributes();
            localLayoutParams.gravity = (Gravity.CENTER_HORIZONTAL | Gravity.TOP);
            localLayoutParams.y = (getHeight() - dip2px(100)) / 2;
            mVideoProgressDialog.getWindow().setAttributes(localLayoutParams);
            mVideoProgressDialog.show();
            tempProgress = currentProgress;
            tempVideoPosition = mPlayer.getCurrentPosition();
        }
        //根據屏寬與手指相對於初始點在X軸上劃過的距離計算進度條該顯示的百分比
        //  slideProgress 的值也就是手勢靈敏度
        float slideProgress = (dx - minSideDistance) * 1.0f / getSWidth();
        int progress = (int) (tempProgress + slideProgress * 100);
        mProgressProgress.setProgress(progress);
        //進度時間
        mProgressTime.setText(String.format("%s/%s",
                stringForTime((int) ((mPlayer.getDuration() * slideProgress) + tempVideoPosition)),
                stringForTime((int) mPlayer.getDuration())));
        if (Math.abs(dx - lastX) > minSideDistance) {
            if (dx > oldDx) {//右滑
                mProgressTips.setImageResource(R.mipmap.forward_icon);
            } else {//左滑
                mProgressTips.setImageResource(R.mipmap.backward_icon);
            }
            lastX = dx;
        }

    }

通過IMediaPlayer.OnInfoListener的介面可以獲取當前視訊的播放狀態資訊，這裡我只用了以下幾個，還有很多狀態，感興趣可以自己去看官方文件

    @Override
    public boolean onInfo(IMediaPlayer iMediaPlayer, int what, int extra) {
        Log.d("xxx", "-----onInfo----    what:  " + what);
        switch (what) {
            case IMediaPlayer.MEDIA_INFO_BUFFERING_START://網路不好，視屏卡住了 701
                updatePlayMark(PLAYER_MARK_BUFFERING_START);//顯示緩衝圖示
                isBuffering = true;
                break;
            case IMediaPlayer.MEDIA_INFO_BUFFERING_END://網路良好，視屏開始播放了 702
                isBuffering = false;
                updatePlayMark(PLAYER_MARK_BUFFERING_END);//隱藏緩衝圖示
                break;
            case IMediaPlayer.MEDIA_INFO_AUDIO_RENDERING_START://每準備一次呼叫一次 1002
                mSurface.setBackgroundColor(Color.TRANSPARENT);
                isStartPlay = true;
                isBuffering = false;
                updatePlayMark(PLAYER_MARK_FIRST_PLAY);//首次播放
                break;
        }
        return false;
    }

然後就可以播放了：

private void startPlay() {
        if (isStartPlay) {
            mPlayer.start();
            updatePlayMark(PLAYER_MARK_PLAY);
        } else {
            mPlayer.prepareAsync();//準備並開始播放，這裡與MediaPlayer不同
            updatePlayMark(PLAYER_MARK_BUFFERING_START);
            isBuffering = true;
            if (!isPlayNext) {
                delayHideTopBottom();
            }
        }
    }

那麼播放過程中的播放進度改怎麼監聽呢？沒錯就是用IMediaPlayer.OnBufferingUpdateListener，但這只是監聽緩衝進度而已，而播放進度可以通過在視訊準備播放時使用Handler和Runnable形成一個每隔固定時間段的迴圈來實現，在這個迴圈中通過IjkMediaplayer.getCurrentPosition()來計算相應的進度資訊

    @Override
    public void onPrepared(IMediaPlayer iMediaPlayer) {
        ...
        mHandler.post(mRunnable);
    }
	//每隔0.5秒更新視屏介面資訊，如進度條，當前播放時間點等等
        mRunnable = new Runnable() {
            @Override
            public void run() {
                float position = mPlayer.getCurrentPosition();
                currentProgress = (int) ((position / mPlayer.getDuration()) * 100);
                mSeekBar.setProgress(currentProgress);
                mTipsProgress.setProgress(currentProgress);
                mCurrentTime.setText(stringForTime((int) position));
                mHandler.postDelayed(mRunnable, 500);
            }
        };

看看最終的實現效果：

至於上下資訊欄的顯示與隱藏，可以用屬性動畫來實現。當播放下一個視訊時需要注意將IjkMediaPlayer重置，還有那一堆的介面UI和用於判斷的Boolean變數。

    /**
     * 播放下一視屏
     */
    public void playNext(String videoTitle, String videoUrl) {
        isStartPlay = false;
        isPlayNext = true;
        mPlayer.reset();
        mPlayer.setDisplay(mHolder);
        setVideoMsg(videoTitle, videoUrl);
        start();
    }

視訊播放結束時，釋放IjkMediaPlayer資源，釋放音訊焦點，移除Handler的迴圈。

    /**
     * 停止播放視屏,釋放資源
     */
    public void stop() {
        if (mPlayer.isPlaying()) {
            mPlayer.stop();
        }
        currentPlayerColum--;
        if (currentPlayerColum <= 0) {
            mPlayer.release();
            currentPlayerColum = 0;
        }
        mHandler.removeCallbacks(mRunnable);
        tbHandler.removeCallbacks(tbRunnable);
        //釋放音訊焦點
        mAudioManager.abandonAudioFocus(audioFocusListener);
        screenOrientationSwitcher.disable();
    }

那麼最後如何處理螢幕的旋轉呢，我們專案中使用的方法，在當前介面完成，旋轉螢幕時通過監聽螢幕的旋轉，重新設定播放器介面的大小，並處理其他UI。其實從8月份到現在github上也有很多優秀的基於IjkPlayer的播放器開源，有的是採用另外一個activity中實現全屏播放。另外預設使用Gradle匯入的IjkPlayer預設是不支援HTTPS的，恰巧我們專案中用的就是https，但幸運的是我去掉s視訊也是可以播放的偷笑，如果需要支援https的話需要自己編譯IjkPlayer了，或者你可以直接用github上的別人編譯好的。還有一個問題就是當時在做的時候發現，如果專案含有.so檔案時，在部分手機上會奔潰，比如說同事的華為和老闆的一個錘子手機上，奔潰資訊顯示來自IjkPlayer的底層，好幾個月過去當時截圖的奔潰資訊也丟了......

End

通過寫這個播放器也學到了不少東西，起碼對視訊播放有了個大致的瞭解。播放器程式碼總共1000行左右，整體來說難度不大，但是需要花費不少時間和精力去完善介面與邏輯。

相關推薦

基於IJKPlayer的簡易視訊播放器

寫在前面 PS：沒錯，這就是那篇躺在草稿箱裡好幾個月的殭屍部落格，直到現在（2017年1月中旬）才打算寫完，簡單總結一下知識點，以備不時之需。 現在的專案是一個電影預告的APP，必然得有個視訊播放器，之前是用VideoView寫的，並且所有功能寫在一個Activi

關於使用OpenCV-python開發簡易視訊播放器

正在研究開簡易如何開發簡易視訊播放器，找了一些一列，包括在pyglet上面的程式碼，但是好長，執行出錯。 看到一個很簡潔的程式碼，沒有報錯但是彈開之後不會自動播放視訊，也沒有生成應用程式。 http://blog.51cto.com/7335580/2145914 這是他的連結，很簡潔

MFC 基於VLC的視訊播放器（三）---介面設計以及對話方塊接受檔案的拖拽

北京時間23點11分 2018年12月20日 前面已經完成了vlc的環境的搭建，下面便開始真正的程式設計。 前面的介面是這樣的： 理想的介面應該是這樣的： 所以新增按鈕、進度條和播放列表控制元件，並且修改好ID。 介面設計完成，執行，還是隻是一個空殼，因為沒加任

MFC 基於VLC的視訊播放器（二）---配置VLC庫

北京時間 23點18分 2018年12月19日 因為我之前是完成了一次，現在重新來寫一遍，所以更新會比較慢。 整理好步驟如下： 1、新建一個MFC專案，基於對話方塊 基於對話方塊，下一步，下一步，完成。 建立完成。   2、先初步修改介面。

MFC 基於VLC的視訊播放器（一）---簡介

大家好，我是一名大四學生，今年的科研訓練題目是做一個播放器，從以前就很想試著做一下，大概花了四五天寫完程式碼，這幾天來寫總結。 先看一下執行的效果： 主介面： 執行介面：     涉及到的知識：1、MFC上播放gif動畫 2、MFC的

基於FFmpeg的視訊播放器開發系列教程（三）

   本篇開始講解音訊解碼播放，該專案用Qt的音訊類QAudioFormat, QAudioOutput等進行解碼，先講解一些關於音訊的知識。 1.取樣頻率   指每秒鐘取得聲音樣本的次數。取樣的過程就是抽取某點的頻率值，很顯然，在一秒中內抽取的點越多，獲取得頻率資

基於FFmpeg的視訊播放器開發系列教程（二）

        本節課程的目的：讀幀解碼顯示視訊         開始進入ffmepg的開發之旅。音視訊的細節知識不統一講解，我在教程中逐點滲透，容我以雷神的話開篇。       &nb

基於FFmpeg的視訊播放器開發系列教程（一）

前言        在各大部落格，論壇，看到很多人對流媒體音視訊的開發感興趣，可是不知道怎麼入門，對音視訊的瞭解也很少，寫程式碼更不用說了，經過一段時間的整理，我準備在csdn上寫一套ffmpeg音視訊播放器的開發教程，希望對想從事ffmpeg音視訊領域的

QT5.7+opencv3.0做的簡易視訊播放器

利用QT中QTimer進行重新整理。 //main.cpp #include "mainwindow.h" #include <QApplication> int main(int argc, char *argv[]) { QApplication

最簡單的基於libVLC的例子：最簡單的基於libVLC的視訊播放器（圖形介面版）

=====================================================最簡單的基於libVLC的例子文章列表：=====================================================本文記錄使用libVLC

基於HTML5的視訊播放器

之前在上網去搜索播放器的時候，很多都要收費的，不收費的感覺看起來很費勁，所以自己簡單些了一下，前幾天有共享過一個簡單的H5視訊播放器，但是存在一些BUG，最近修復了一下，再次共享，提供給一些H5和CSS3學習的朋友學習一下。 擁有播放器正常功能：單擊播放暫停，雙擊全

基於VLC開發視訊播放器---VLC +MFC

1。開發視訊播放器一般可以基於ffmpeg，其與目前大部播放器的關係可以是萬能發動機與汽車的關係。VLC播放器的編解碼庫就是ffmpeg。利用VLC現有的sdk可以快速，簡便的開發出滿足需要的視訊播放器。本文演示如何開發一個簡單視訊播放器。 2。環境： OS: Windo

基於libVLC的視訊播放器

 #include <Windows.h>  #include "vlc/vlc.h"  int main(int argc, char* argv[])  {  libvlc_instance_t * inst;  libvlc

最簡單的基於libVLC的例子：最簡單的基於libVLC的視訊播放器

=====================================================最簡單的基於libVLC的例子文章列表：=====================================================本文記錄使用libVLC

Android基礎學習總結（十六）——基於ijkplayer封裝支援簡單介面UI定製的視訊播放器

前言 專案開發中遇到需要解析播放m3u8視訊流的情況，但是原生的PlayerView非常慢，使用起來複雜，不適合上手，這裡找到一款ijkplayer是Bilibili基於ffmpeg開發並開源的輕量級視訊播放器，支援播放本地網路視訊，也支援流媒體播放。支援An

基於ijkplayer封裝支援簡單介面UI定製的視訊播放器

簡介 特性 基於ijkplayer封裝的視訊播放器介面,支援 RTMP , HLS (http & https) , MP4,M4A 等； 可根據需求去定製部分介面樣式； 常用的手勢操作左邊上下亮度，右邊上下聲音，左右滑動播放進度調整；

基於NDK、C++、FFmpeg的android視訊播放器開發實戰-夏曹俊-專題視訊課程

基於NDK、C++、FFmpeg的android視訊播放器開發實戰—1796人已學習 課程介紹         課程包含了對流媒體（拉流）的播放，演示了播放rtmp的香港衛視，支援rtsp攝像頭和h

QtPlayer——基於FFmpeg的Qt音視訊播放器

QtPlayer——基於FFmpeg的Qt音視訊播放器 本文主要講解一個基於Qt GUI的，使用FFmpeg音視訊庫解碼的音視訊播放器，同時也是記錄一點學習心得，本人也是多媒體初學者，也歡迎大家交流，程式執行圖如下: QtPlayer基於FFmpeg的Q

基於OpenCV從零開始的視訊播放器！聘美騰訊，優酷等軟體的神器！

實現了在MFC中顯示圖片，再要顯示一個視訊就是輕而易舉的事了，本篇介紹使用Opencv製作一個簡易的播放器，實現開啟檔案、暫停、繼續播放、再次播放和總當前幀數顯示功能。 首先還是先看一下介面效果：   嗯，是不是很有MFC的感覺，簡潔大方、樸素典雅又實用~~，如果用一個字

安卓視訊播放器——ijkPlayer（Bilibili開源）

作為一個B站（Bilibili）使用者，特別喜歡B站的播放器 湊巧，發現了b站的github的地址。。嘿嘿。。B站github地址f 發現了ijkplayer播放器，支援android 和ios 我們用AndroidStudio新建project名字是bilibili_ijkplay