基於 Bilibili/ijkplayer 的視訊播放器（Update）

奮鬥的Leo發表於2017-08-24
播放器

簡介

因為最近專案有視訊播放的需求，所以就有了這個專案。視訊的編解碼功能是由 Bilibili 開源的 ijkplayer 處理的，這個專案只是基於 UI 層面的上封裝。

注意：這個專案部分程式碼參考於 GSYVideoPlayer。

更新

使用重新打包的 so 檔案，支援更多的視訊格式。

感謝

專案地址

功能

  • 播放器的基礎功能（播放，暫停，快進等等）
  • 支援列表播放，自動釋放上一個播放器
  • 視訊封面圖設定
  • 提供兩種視訊全屏（設定螢幕的旋轉方向和新增一個全屏的播放器）
  • 手勢滑動改變播放進度，螢幕亮度和音量
  • 簡單的 Wifi 網路檢查
  • 使用 AndroidVideoCache 實現的視訊快取
  • 新增全屏播放器轉場動畫 （New）
  • 待續。。。

用法

在列表中使用，這裡的程式碼是基於 RecyclerView 的：

        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View contentView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_video, parent, false);
            ViewHolder viewHolder = new ViewHolder(contentView);
            viewHolder.controller = new MediaController(parent.getContext());
            viewHolder.controller.setEnableSlideBrightness(false);
            viewHolder.controller.setEnableSliderVolume(false);
            viewHolder.controller.setEnableSlidePosition(false);
//            viewHolder.controller.setFullScreenViewEnableSlideBrightness(false);
//            viewHolder.controller.setFullScreenViewEnableSlidePosition(false);
//            viewHolder.controller.setFullScreenViewEnableSliderVolume(false);
            viewHolder.controller.setFullScreenMode(MediaController.FULLSCREEN_VIEW);
            viewHolder.controller.setMute(true);
            viewHolder.controller.setShowBottomLayout(false);
            viewHolder.video.setMediaController(viewHolder.controller);
            mVideoWidth = parent.getContext().getResources().getDisplayMetrics().widthPixels;
            mVideoHeight = viewHolder.video.getLayoutParams().height;
            return viewHolder;
        }

        @Override
        public void onBindViewHolder(final ViewHolder holder, int position) {
            holder.video.setVideoPath(VIDEO_URL);
            holder.video.setPlayPosition(position);
            holder.controller.setPlayPosition(position);
            holder.controller.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    holder.controller.toggleFullScreenView();
                }
            });
            if (holder.controller.getImgThumb() != null) {
                Glide
                        .with(holder.itemView.getContext())
                        .load(IMGS[position])
                        .apply(RequestOptions.centerCropTransform())
                        .into(holder.controller.getImgThumb());
            } else {
                Log.d(getClass().getSimpleName(), "Thumb ImgView is null");
            }

        }複製程式碼

這裡需要注意的是，在列表中使用，需要開發者在 Item 不可見的時候，手動釋放播放器，來節約記憶體。

mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                if (newState == RecyclerView.SCROLL_STATE_IDLE) {
                    autoPlay();
                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                if (IjkVideoManager.getInstance().getPlayPosition() > -1) {
                    int position = IjkVideoManager.getInstance().getPlayPosition();
                    if (!isVisible(position)) {
                        IjkVideoManager.getInstance().release();
                    }
                }
            }
        });複製程式碼

而在單個播放器的頁面使用，則相對要簡單一點：

        mIjkVideoView = (IjkVideoView) findViewById(R.id.video_view);
        MediaController mediaController = new MediaController(this);
        mediaController.setShowThumb(true);
        mIjkVideoView.setMediaController(mediaController);

        mIjkVideoView.setVideoPath("http://baobab.wdjcdn.com/14564977406580.mp4");複製程式碼

需要注意的地方是，不管是列表中使用，還是隻是單個播放器，都需要在頁面關閉時，手動呼叫釋放播放器：

    @Override
    protected void onDestroy() {
        super.onDestroy();
        IjkVideoManager.getInstance().release();
    }

    @Override
    protected void onPause() {
        super.onPause();
        IjkVideoManager.getInstance().pause();
    }複製程式碼

更多程式碼可以參見專案。

有這方面需要的朋友可以自由複製屬於我的程式碼，唯一希望就是能給我提點 Bug，或者有更好的實現，多謝。

相關文章