当前位置：移动技术网 > 移动技术>移动开发>Android > 详解Android 视频滚动列表(偷懒型)

详解Android 视频滚动列表(偷懒型)

2019年07月24日 | 移动技术网移动技术 | 我要评论

公司的项目需要一个视频的滚动列表。

搜了些文章比较常见的是根据列表项的可视百分比来判断的。实现起来略复杂。

这里想了一个在要求不高的情况下，实现相对简便的方法：根据列表滚动时可见的第一个列表项的位置来播放和暂停对应列表项内的视频。

它的效果大致是这样的：

以下是它的实现。

首先当然是建立列表。

这部分就直接用listview吧，列表的具体的实现就不贴了。大致就是长这样的一个列表：

接下来就是添加播放器。

这里需要注意的是，在listview里不能使用我们常用的那种videoview。基于surfaceview的videoview由于没有同步缓冲区，它不能在listview中正常显示。（显然surfaceview+mediaplayer的形式也不太适合了）我们需要基于textureview的视频播放器。

这里偷个懒，就直接用 pldroidplayer这个库中的plvideotextureview了

在列表的adapter中的添加播放器。

adapter的布局：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <linearlayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <relativelayout
      android:id="@+id/videotable"
      android:gravity="center"
      android:layout_width="match_parent"
      android:layout_height="wrap_content">
      <imageview
        android:src="@drawable/videoico"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
      <com.pili.pldroid.player.widget.plvideotextureview
        android:id="@+id/myvideoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center" />
    </relativelayout>
    <textview
      android:text="视频名称"
      android:id="@+id/videoname_t"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />
  </linearlayout>
</linearlayout>

adapter部分代码：

package net.codepig.playerlist.adapers;

import android.app.activity;
import android.content.context;
import android.util.log;
import android.view.layoutinflater;
import android.view.view;
import android.view.viewgroup;
import android.widget.baseadapter;
import android.widget.relativelayout;
import android.widget.textview;

import com.pili.pldroid.player.avoptions;
import com.pili.pldroid.player.plmediaplayer;
import com.pili.pldroid.player.widget.plvideotextureview;

import net.codepig.playerlist.r;
import net.codepig.playerlist.beans.videoinfo;
import net.codepig.playerlist.deviceinfo;

import java.util.list;

/**
 * 视频单元页面
 * created by qzd on 2017/11/13.
 */

public class playeradapter extends baseadapter{
  private context _context;
  private activity mainactivity;
  private list<videoinfo> myvideodata;
  private layoutinflater inflater;
  private viewholder hodler = null;
  private plmediaplayer mplayer=null;
//  private plvideotextureview myvideoview;
  private int _id;
  private string _name;
  private string _url="";

  private final string tag="logcat";

  public playeradapter(context context, list<videoinfo> data) {
    super();
    _context = context;
    mainactivity=(activity) context;
    myvideodata = data;
    inflater = layoutinflater.from(context);
  }

  @override
  public view getview(final int postion, view convertview, viewgroup parent) {
    hodler = new viewholder();
    convertview = inflater.inflate(r.layout.player_adapter_l, null);
    hodler.videoname_t = convertview.findviewbyid(r.id.videoname_t);
    hodler.videotable = convertview.findviewbyid(r.id.videotable);
    hodler.myvideoview = convertview.findviewbyid(r.id.myvideoview);
    convertview.settag(hodler);

    hodler.videotable.getlayoutparams().width= deviceinfo._screenwidth;
    hodler.videotable.getlayoutparams().height=deviceinfo._screenheight;
//    log.d(tag,"screensize:"+deviceinfo._screenwidth+"-"+deviceinfo._screenheight);

    videoinfo _vinfo=myvideodata.get(postion);
    _name=_vinfo.get_name();
    hodler.videoname_t.settext(_vinfo.get_name());
    _id=_vinfo.get_id();
    _url=_vinfo.get_url();
    if(!_url.equals("")) {
      setvideo(_url);
    }

    return convertview;
  }

  /**
   * 初始化播放器
   * @param url
   */
  private void setvideo(string url){
    int codec = mainactivity.getintent().getintextra("mediacodec", avoptions.media_codec_auto);
    avoptions options = new avoptions();
    options.setinteger(avoptions.key_prepare_timeout, 10 * 1000);
    options.setinteger(avoptions.key_mediacodec, codec);
    hodler.myvideoview.setavoptions(options);
    hodler.myvideoview.setvideopath(url);
    hodler.myvideoview.start();

    hodler.myvideoview.setonerrorlistener(new plmediaplayer.onerrorlistener(){
      @override
      public boolean onerror(plmediaplayer mp, int errorcode) {
        log.d(tag,"errorcode:"+errorcode);
        return true;
      }
    });
    hodler.myvideoview.setoncompletionlistener(new plmediaplayer.oncompletionlistener() {
      @override
      public void oncompletion(plmediaplayer mp) {
//        log.d(tag, "player oncompletion:"+videoduration/1000+"-"+_curtime/1000);
        hodler.myvideoview.seekto(0);
        hodler.myvideoview.start();
      }
    });
    hodler.myvideoview.setonpreparedlistener(new plmediaplayer.onpreparedlistener() {
      @override
      public void onprepared(plmediaplayer mediaplayer, int percent) {
        log.d(tag, "player onprepared");
        if(mplayer==null){
          mplayer=mediaplayer;
        }
        //播放
        if(hodler.myvideoview!=null){
          hodler.myvideoview.start();
        }else{
          log.d(tag, _name+"no myvideoview");
        }
      }
    });
    hodler.myvideoview.setonbufferingupdatelistener(new plmediaplayer.onbufferingupdatelistener() {
      @override
      public void onbufferingupdate(plmediaplayer mp, int percent) {
        try {
          int _pec = hodler.myvideoview.getbufferpercentage();//百分比到99就停，进度条会留空
          if (_pec == 99) {
            _pec = 100;
          }
        }catch (exception e){
          log.d(tag,"percentage error:"+e.tostring());
        }
      }
    });
    hodler.myvideoview.setonvideosizechangedlistener(new plmediaplayer.onvideosizechangedlistener() {
      @override
      public void onvideosizechanged(plmediaplayer plmediaplayer, int width, int height) {
        log.d(tag,"videosize:"+width+"_"+height);
      }
    });
  }

  @override
  public int getcount() {
    if (myvideodata != null) {
      return myvideodata.size();
    } else {
      return 0;
    }
  }

  @override
  public object getitem(int position) {
    return myvideodata.get(position);
  }

  @override
  public long getitemid(int postion) {
    // todo auto-generated method stub
    return postion;
  }

  public static class viewholder {
    public textview videoname_t;
    public relativelayout videotable;
    public plvideotextureview myvideoview;
  }
}

添加完播放器大致长这样：

接下来就是重点了，要根据列表的滚动来播放和暂停视频。

这里根据当前滚动的位置来进行判断。

首先添加滚动监听：

    myvideolist.setadapter(playeradapter);
    myvideolist.setonscrolllistener(new abslistview.onscrolllistener() {
      @override
      public void onscrollstatechanged(abslistview view, int scrollstate) {
//        log.d(tag,"onscrollstatechanged:"+scrollstate);
        //scroll_state_fling = 滚动中；scroll_state_idle = 结束滚动；scroll_state_touch_scroll = 开始滚动;
        if(scrollstate==scroll_state_idle){
          log.d(tag,"firstvisibleposition:"+myvideolist.getfirstvisibleposition());
          view v0=myvideolist.getchildat(0);
          if(v0!=null){
            int scrolltop=v0.gettop();
            log.d(tag,"scroll top:"+scrolltop);
          }
        }
      }

      @override
      public void onscroll(abslistview view, int firstvisibleitem, int visibleitemcount, int totalitemcount) {
      }
    });

这里通过getfirstvisibleposition()获得可见的第一个元素，并使用gettop()获得该元素的偏移量。

接下来增加对元素内视频的操作，这里通过更新列表的数据来实现。

修改一下上面的监听，判断当前第二个可见item的位置，当到达指定位置时将播放标识置为true。原先播放中的item的播放标识置为false。
然后更新数据。

     myvideolist.setonscrolllistener(new abslistview.onscrolllistener() {
      @override
      public void onscrollstatechanged(abslistview view, int scrollstate) {
        //scroll_state_fling = 滚动中；scroll_state_idle = 结束滚动；scroll_state_touch_scroll = 开始滚动;
        if(scrollstate==scroll_state_idle){
          int _index=myvideolist.getfirstvisibleposition()+1;
          view v1=myvideolist.getchildat(1);//取可见元素的第二个
          if(v1!=null){
            int scrolltop=v1.gettop();
            if(scrolltop<200){
              if(_olditem!=_index) {
                _infolist.get(_index).set_playing(true);
                _infolist.get(_olditem).set_playing(false);
                _olditem=_index;
                playeradapter.notifydatasetchanged();
              }
            }
//            log.d(tag,"scroll top:"+scrolltop);
          }
        }
      }

      @override
      public void onscroll(abslistview view, int firstvisibleitem, int visibleitemcount, int totalitemcount) {
      }
    });

这个的位置判断上直接写死了200像素，作为一个demo，位置判断的数值上不是很讲究。这个其实应该根据滚动方向和item的高度来计算的。

在adapter的getview()方法中根据_playing的状态播放或停止视频：（停止的时候要记得释放掉播放器资源哦，不然列表中这么多视频的内存占用是很可怕的哦。）

  @override
  public view getview(final int postion, view convertview, viewgroup parent) {
    hodler = new viewholder();
    convertview = inflater.inflate(r.layout.player_adapter_l, null);
    hodler.videoname_t = convertview.findviewbyid(r.id.videoname_t);
    hodler.videotable = convertview.findviewbyid(r.id.videotable);
    hodler.myvideoview = convertview.findviewbyid(r.id.myvideoview);
    convertview.settag(hodler);

    hodler.videotable.getlayoutparams().width= deviceinfo._screenwidth;
    hodler.videotable.getlayoutparams().height=deviceinfo._screenheight;
    log.d(tag,"screensize:"+deviceinfo._screenwidth+"-"+deviceinfo._screenheight);

    videoinfo _vinfo=myvideodata.get(postion);
    _name=_vinfo.get_name();
    hodler.videoname_t.settext(_vinfo.get_name());
    _id=_vinfo.get_id();
    _url=_vinfo.get_url();
    if(!_url.equals("")) {
    //视频的播放和停止
      if(_vinfo.get_playing()){
        setvideo(_url);
      }else{
        if(hodler.myvideoview!=null) {
          if (hodler.myvideoview.isplaying()) {
            hodler.myvideoview.stopplayback();
            hodler.myvideoview.releasesurfactexture();
          }
        }
      }
    }
    return convertview;
  }

嗯，完工。

改天再整列表的可视百分比判断。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

android矢量图vector的简单介绍

文章目录android矢量图vector贝塞尔二阶三阶参考android矢量图vectorviewportWid... [阅读全文]
android RecyclerView checkbox复用解决

先看复用后的Adpter代码，这时候checkbox是一直在复用的；package com.example.de... [阅读全文]
Android 文件读写

读取/*** 文件读取* @param is 文件的输入流* @return 返回文件数组*/private ... [阅读全文]
Android开发：文件存储

这个程序只有一个Activity， Activity中只有一个Edittext。实现的功能是在Activity销... [阅读全文]
Android Q Input (1) -- InputManagerService启动

Table of Contents启动流程简化流程图涉及类1.1 SystemServer startOther... [阅读全文]
Service的简单使用

简介Service是一个服务，android的四大组件之一。他的使用也很简单。建立服务首先我们新建一个Sercv... [阅读全文]
android之换头像及遇到的一些坑

一、问题：想给自己的app设计个换头像操作，网上找了很多，但都有一些毛病，所以自己结合网上一些教程最后成功了，所... [阅读全文]
recyclerView滑动删除

package com.example.demo;import androidx.annotation.NonN... [阅读全文]
android -- ndk (stack corruption detected)

针对于android-ndk报错，一眼看上去确实懵逼，采用了最土的方法：“加调试，打印出问题点”。主要是要记录下... [阅读全文]
Android Span富文本图文混排 - ImageSpan（图文垂直居中）

Spanable未完待续... [阅读全文]

网友评论


验证码：

详解Android 视频滚动列表(偷懒型)

2019年07月24日 | 移动技术网移动技术 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论