詳解Android 視頻滾動(dòng)列表(偷懶型)
更新時(shí)間：2017年11月18日 09:43:48 作者：書(shū)柜里的松鼠
小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧本篇文章主要介紹了Android 視頻滾動(dòng)列表(偷懶型)，
公司的項(xiàng)目需要一個(gè)視頻的滾動(dòng)列表。
搜了些文章比較常見(jiàn)的是根據(jù)列表項(xiàng)的可視百分比來(lái)判斷的。實(shí)現(xiàn)起來(lái)略復(fù)雜。
這里想了一個(gè)在要求不高的情況下，實(shí)現(xiàn)相對(duì)簡(jiǎn)便的方法：根據(jù)列表滾動(dòng)時(shí)可見(jiàn)的第一個(gè)列表項(xiàng)的位置來(lái)播放和暫停對(duì)應(yīng)列表項(xiàng)內(nèi)的視頻。
它的效果大致是這樣的：
以下是它的實(shí)現(xiàn)。
首先當(dāng)然是建立列表。
這部分就直接用ListView吧，列表的具體的實(shí)現(xiàn)就不貼了。大致就是長(zhǎng)這樣的一個(gè)列表：
接下來(lái)就是添加播放器。
這里需要注意的是，在ListView里不能使用我們常用的那種VideoView?；赟urfaceView的VideoView由于沒(méi)有同步緩沖區(qū)，它不能在ListView中正常顯示。（顯然SurfaceView+MediaPlayer的形式也不太適合了）我們需要基于TextureView的視頻播放器。
這里偷個(gè)懶，就直接用 PLDroidPlayer這個(gè)庫(kù)中的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="視頻名稱(chēng)"
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;
/**
* 視頻單元頁(yè)面
* 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就停，進(jìn)度條會(huì)留空
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;
}
}
添加完播放器大致長(zhǎng)這樣：
接下來(lái)就是重點(diǎn)了，要根據(jù)列表的滾動(dòng)來(lái)播放和暫停視頻。
這里根據(jù)當(dāng)前滾動(dòng)的位置來(lái)進(jìn)行判斷。
首先添加滾動(dòng)監(jiān)聽(tīng)：
myVideoList.setAdapter(playerAdapter);
myVideoList.setOnScrollListener(new AbsListView.OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// Log.d(TAG,"onScrollStateChanged:"+scrollState);
//SCROLL_STATE_FLING = 滾動(dòng)中；SCROLL_STATE_IDLE = 結(jié)束滾動(dòng)；SCROLL_STATE_TOUCH_SCROLL = 開(kāi)始滾動(dòng);
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) {
}
});
這里通過(guò)getFirstVisiblePosition()獲得可見(jiàn)的第一個(gè)元素，并使用getTop()獲得該元素的偏移量。
接下來(lái)增加對(duì)元素內(nèi)視頻的操作，這里通過(guò)更新列表的數(shù)據(jù)來(lái)實(shí)現(xiàn)。
修改一下上面的監(jiān)聽(tīng)，判斷當(dāng)前第二個(gè)可見(jiàn)item的位置，當(dāng)?shù)竭_(dá)指定位置時(shí)將播放標(biāo)識(shí)置為true。原先播放中的item的播放標(biāo)識(shí)置為false。
然后更新數(shù)據(jù)。
myVideoList.setOnScrollListener(new AbsListView.OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
//SCROLL_STATE_FLING = 滾動(dòng)中；SCROLL_STATE_IDLE = 結(jié)束滾動(dòng)；SCROLL_STATE_TOUCH_SCROLL = 開(kāi)始滾動(dòng);
if(scrollState==SCROLL_STATE_IDLE){
int _index=myVideoList.getFirstVisiblePosition()+1;
View v1=myVideoList.getChildAt(1);//取可見(jiàn)元素的第二個(gè)
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) {
}
});
這個(gè)的位置判斷上直接寫(xiě)死了200像素，作為一個(gè)DEMO，位置判斷的數(shù)值上不是很講究。這個(gè)其實(shí)應(yīng)該根據(jù)滾動(dòng)方向和item的高度來(lái)計(jì)算的。
在Adapter的getView()方法中根據(jù)_playing的狀態(tài)播放或停止視頻：（停止的時(shí)候要記得釋放掉播放器資源哦，不然列表中這么多視頻的內(nèi)存占用是很可怕的哦。）
@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;
}
嗯，完工。
改天再整列表的可視百分比判斷。
相關(guān)github項(xiàng)目地址：https://github.com/codeqian/playerlist
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要介紹了Android多語(yǔ)言適配的示例代碼（兼容7.0+），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
解析Android點(diǎn)擊事件分發(fā)機(jī)制
本篇文章主要介紹了解析Android點(diǎn)擊事件分發(fā)機(jī)制，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Input系統(tǒng)分發(fā)策略及其應(yīng)用示例詳解
這篇文章主要為大家介紹了Input系統(tǒng)分發(fā)策略及其應(yīng)用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要介紹了Android Studio給各種控件加邊框的操作方法,本文通過(guò)圖文實(shí)例相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
Android 創(chuàng)建依賴(lài)庫(kù)的方法(保姆級(jí)教程)
這篇文章主要介紹了Android 創(chuàng)建依賴(lài)庫(kù)的方法(保姆級(jí)教程),本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01
android 如何設(shè)置開(kāi)機(jī)后屏幕亮度默認(rèn)值為自動(dòng)調(diào)節(jié)
在第一次開(kāi)機(jī)后，設(shè)置>顯示>自動(dòng)亮度調(diào)節(jié) 默認(rèn)是勾選上的，具體修改方法如下，感興趣的朋友可以嘗試操作下2013-06-06
Android手機(jī)號(hào)碼輸入框（滿(mǎn)11位自動(dòng)跳到下個(gè)輸入框）實(shí)例代碼
這篇文章主要介紹了Android手機(jī)號(hào)碼輸入框（滿(mǎn)11位自動(dòng)跳到下個(gè)輸入框）實(shí)例代碼,需要的朋友可以參考下2017-10-10
談?wù)剬?duì)Android View事件分發(fā)機(jī)制的理解
本篇文章主要介紹了談?wù)剬?duì)Android View事件分發(fā)機(jī)制的理解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
ffmpeg實(shí)現(xiàn)去水印以及切分視頻demo
這篇文章主要為大家介紹了ffmpeg實(shí)現(xiàn)去水印以及切分視頻demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
Android?Spinner和GridView組件的使用示例
Spinner其實(shí)是一個(gè)列表選擇框，不過(guò)Android的列表選擇框并不需要顯示下拉列表，而是相當(dāng)于彈出一個(gè)菜單供用戶(hù)選擇，GridView是一個(gè)在二維可滾動(dòng)的網(wǎng)格中展示內(nèi)容的控件。網(wǎng)格中的內(nèi)容通過(guò)使用adapter自動(dòng)插入到布局中2022-03-03