您的位置:首页 > 运维架构

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

2017-04-21 17:51 656 查看
最近在做一个练手项目,里面需要实现在线视频播放的功能,在网上找了很久,最后发现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);
}写到这里视频播放的功能就实现了,如果有更好的实现方法欢迎大家指出。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: