使用JCVVideoPlayerStandard开源框架实现在线视频播放功能

最近在做一个练手项目，里面需要实现在线视频播放的功能，在网上找了很久，最后发现JCVVideoPlayerStandard集成起来非常简单，而且功能也是比较完善的

原项目GitHub地址：https://github.com/lipangit/JieCaoVideoPlayer

先添加类库：

compile 'fm.jiecao:jiecaovideoplayer:4.8.3'
compile 'com.github.bumptech.glide:glide:3.7.0'

其中的glide是用来加载图片的

添加布局：

 <fm.jiecao.jcvideoplayer_lib.JCVideoPlayerStandard
        android:id="@+id/player_list_video"
        android:layout_width="match_parent"
        android:layout_height="220dp" />

添加网络权限：

<uses-permission android:name="android.permission.INTERNET" />

由于我这里还实现的其他的功能，所以播放视频的ViewHolder写了一个子类

package demo.yang.com.baisi.Essence.Adapter;

import android.view.View;
import android.view.ViewStub;

import demo.yang.com.baisi.R;
import fm.jiecao.jcvideoplayer_lib.JCVideoPlayerStandard;

/**
 * Created by yxy on 2017/4/20.
 * email:1084625746@qq.com
 */

public class VideoViewHolder extends EssenceContentViewHolder {

    public JCVideoPlayerStandard jcVideoPlayerStandard;

    public VideoViewHolder(View itemView){
        super(itemView, TYPE_VIDEO);
    }

    @Override
    public void initSubView(int viewType, ViewStub viewStub) {
        if(viewStub == null){
            throw new IllegalArgumentException("viewStub is null...");
        }
        viewStub.setLayoutResource(R.layout.viewstub_video_body);
        View subView = viewStub.inflate();
        JCVideoPlayerStandard jcVideoPlayerStandard = (JCVideoPlayerStandard) subView.findViewById(R.id.player_list_video);
        if (jcVideoPlayerStandard!=null){
            this.jcVideoPlayerStandard = jcVideoPlayerStandard;
        }
    }
}

父类：

package demo.yang.com.baisi.Essence.Adapter;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewStub;
import android.widget.ImageView;
import android.widget.TextView;

import demo.yang.com.baisi.R;
import demo.yang.com.baisi.Widget.CircleImageView;
import demo.yang.com.baisi.Widget.ExpandTextView;

/**
 * Created by yxy on 2017/3/23.
 * email:1084625746@qq.com
 */

public abstract class EssenceContentViewHolder extends RecyclerView.ViewHolder {

    public final static int TYPE_IMAGE = 2;
    public final static int TYPE_VIDEO = 3;
    public final static int TYPE_ALL = 4;
    public int viewType;
    public ImageView img_love,img_hate,img_share,img_comment;
    public CircleImageView head;
    public TextView user_name,create_time,text_love,text_hate,text_share,text_comment;
    public ExpandTextView content;

    public EssenceContentViewHolder(View itemView,int viewtype) {
        super(itemView);
        this.viewType = viewtype;
        ViewStub viewStub = (ViewStub) itemView.findViewById(R.id.viewStub);
        initSubView(viewType,viewStub);
        head = (CircleImageView) itemView.findViewById(R.id.essence_content_img_head);
        img_love = (ImageView) itemView.findViewById(R.id.essence_content_love);
        img_hate = (ImageView) itemView.findViewById(R.id.essence_content_hate);
        img_share = (ImageView) itemView.findViewById(R.id.essence_content_share);
        img_comment = (ImageView) itemView.findViewById(R.id.essence_content_comment);
        user_name = (TextView) itemView.findViewById(R.id.essence_content_user_name);
        create_time = (TextView) itemView.findViewById(R.id.essence_content_create_time);
        content = (ExpandTextView) itemView.findViewById(R.id.essence_content);
        content.setOnExpandTextViewClicklistener(new ExpandTextView.OnExpandTextViewClicklistener() {
            @Override
            public void onExpandTextViewClick() {

            }
        });
        text_love = (TextView) itemView.findViewById(R.id.essence_content_num_love);
        text_hate = (TextView) itemView.findViewById(R.id.essence_content_num_hate);
        text_share = (TextView) itemView.findViewById(R.id.essence_content_num_share);
        text_comment = (TextView) itemView.findViewById(R.id.essence_content_num_comment);
    }

    public abstract void initSubView(int viewType, ViewStub viewStub);
}

布局代码就不粘了，播放器的布局上面已经给了，我是用RecyclerView实现了列表来展示视频

另外，在activity里面添加一个滑动监听器，实现当RecyclerView滑动时，视频停止播放

/**
     * 滑动监听
     */
    private void initListener() {
        onScrollListener = new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                switch (newState){
                    case SCROLL_STATE_IDLE:
                        autoPlayVideo(recyclerView);
                        break;
                    case SCROLL_STATE_DRAGGING:
                        break;
                    case SCROLL_STATE_SETTLING:
                        break;
                }
            }

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

        recyclerView.addOnScrollListener(onScrollListener);
    }

    /**
     * @param view
     */
    private void autoPlayVideo(RecyclerView view) {

        for (int i = 0; i < visibleCount; i++) {
            if (view != null && view.getChildAt(i) != null && view.getChildAt(i).findViewById(R.id.player_list_video) != null) {
                currPlayer = (JCVideoPlayerStandard) view.getChildAt(i).findViewById(R.id.player_list_video);
                Rect rect = new Rect();
                //获取当前view 的 位置
                currPlayer.getLocalVisibleRect(rect);
                int videoheight = currPlayer.getHeight();
                if (rect.top == 0 && rect.bottom == videoheight) {
                    if (currPlayer.currentState == JCVideoPlayer.CURRENT_STATE_NORMAL
                            || currPlayer.currentState == JCVideoPlayer.CURRENT_STATE_ERROR) {
                        currPlayer.startButton.performClick();
                    }
                    return;
                }
            }
        }
        //释放其他视频资源
        JCVideoPlayer.releaseAllVideos();
    }

还要记得释放资源

@Override
    public void onBackPressed() {
        if (JCVideoPlayer.backPress()) {
            return;
        }
        super.onBackPressed();
    }

    @Override
    protected void onPause() {
        super.onPause();
        JCVideoPlayer.releaseAllVideos();
    }

适配器里面的代码：

String url = list.get(position).getVideouri();
                    ((VideoViewHolder)holder).jcVideoPlayerStandard.setVisibility(View.VISIBLE);
                    if (((VideoViewHolder)holder).jcVideoPlayerStandard!=null){
                        ((VideoViewHolder)holder).jcVideoPlayerStandard.release();
                    }
                    boolean setUp = ((VideoViewHolder)holder).jcVideoPlayerStandard.setUp(url, JCVideoPlayer.SCREEN_LAYOUT_LIST,"");
                    if (setUp){
                        Glide.with(context).load(list.get(position).getImage0()).into(((VideoViewHolder)holder).jcVideoPlayerStandard.thumbImageView);
                    }

写到这里视频播放的功能就实现了，如果有更好的实现方法欢迎大家指出。