高仿今日头条视频列表功能

开源地址：https://github.com/open-android/JieCaoVideoPlayer

主要特点

视频全屏播放和浮层小窗播放
可以完全自定义UI
能在ListView、ViewPager和ListView、ViewPager和Fragment等多重嵌套模式下全屏工作
手势修改进度和音量
视频大小的屏幕适配，宽或长至少有两个对边是充满屏幕的，另外两个方向居中
可以在加载、暂停、播放等各种状态中正常进入全屏和退出全屏
重力感应自动全屏
WebView嵌套本地视频控件
[支持https和rtsp]{https://developer.android.com/guide/topics/media/media-formats.html}
小于 100kb

效果

jiecaovideoplayer-5.3.apk

使用步骤

1. 在project的build.gradle添加如下代码(如下图)

allprojects {repositories {maven { url "https://jitpack.io" }}
}

2. 在Module的build.gradle添加依赖

  compile 'com.github.open-android:JieCaoVideoPlayer:0.1.0'

3.添加权限

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

4.在Activity中添加如下代码

listView = (ListView) findViewById(R.id.listview);
adapterVideoList = new VideoListAdapter(this);
listView.setAdapter(adapterVideoList);
sensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);
sensorEventListener = new JCVideoPlayer.JCAutoFullscreenListener();

5.在Activity监听如下生命周期方法

@Override
public void onBackPressed() {if (JCVideoPlayer.backPress()) {return;}super.onBackPressed();
}@Override
protected void onResume() {super.onResume();Sensor accelerometerSensor = sensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);sensorManager.registerListener(sensorEventListener, accelerometerSensor, SensorManager.SENSOR_DELAY_NORMAL);
}@Override
protected void onPause() {super.onPause();sensorManager.unregisterListener(sensorEventListener);JCVideoPlayer.releaseAllVideos();
}

6.新建一个Adapter继承BaseAdapter并且复制如下代码

public static final String TAG = "JieCaoVideoPlayer";int[] videoIndexs = {0, 1, 2, 3, 4, 5, 6, 7, 8, 9};
Context context;
int pager = -1;public VideoListAdapter(Context context) {this.context = context;
}public VideoListAdapter(Context context, int pager) {this.context = context;this.pager = pager;
}@Override
public int getCount() {return pager == -1 ? videoIndexs.length : 4;
}@Override
public Object getItem(int position) {return null;
}@Override
public long getItemId(int position) {return position;
}@Override
public View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder;if (null == convertView) {viewHolder = new ViewHolder();LayoutInflater mInflater = LayoutInflater.from(context);convertView = mInflater.inflate(R.layout.item_videoview, null);convertView.setTag(viewHolder);} else {viewHolder = (ViewHolder) convertView.getTag();}viewHolder.jcVideoPlayer = (JCVideoPlayerStandard) convertView.findViewById(R.id.videoplayer);if (pager == -1) {viewHolder.jcVideoPlayer.setUp(VideoConstant.videoUrls[0][position], JCVideoPlayer.SCREEN_LAYOUT_LIST,VideoConstant.videoTitles[0][position]);System.out.println("fdsfdsfdsfdsfa setup " + position);Picasso.with(convertView.getContext()).load(VideoConstant.videoThumbs[0][position]).into(viewHolder.jcVideoPlayer.thumbImageView);} else {viewHolder.jcVideoPlayer.setUp(VideoConstant.videoUrls[pager][position], JCVideoPlayer.SCREEN_LAYOUT_LIST,VideoConstant.videoTitles[pager][position]);Picasso.with(convertView.getContext()).load(VideoConstant.videoThumbs[pager][position]).into(viewHolder.jcVideoPlayer.thumbImageView);}return convertView;
}class ViewHolder {JCVideoPlayerStandard jcVideoPlayer;
}

7.添加Adapter的item布局R.layout.item_videoview

<fm.jiecao.jcvideoplayer_lib.JCVideoPlayerStandardandroid:id="@+id/videoplayer"android:layout_width="match_parent"android:layout_height="200dp" />

8.在AndroidManifest.xml中

<activityandroid:name=".MainActivity"android:configChanges="orientation|screenSize|keyboardHidden"android:screenOrientation="portrait" /> <!-- or android:screenOrientation="landscape"-->

完成如上步骤就可以实现今日头条视频播放列表功能 , 更多功能请参考样例工程app

欢迎关注微信公众号

高仿今日头条视频列表功能相关推荐

android自定义视频列表,Github最火开源项目-高仿今日头条视频列表功能
主要特点视频全屏播放和浮层小窗播放可以完全自定义UI 能在ListView.ViewPager和ListView.ViewPager和Fragment等多重嵌套模式下全屏工作手势修改进度和音量视 ...
android如何展示富文本_android高仿今日头条富文本编辑(发布文章)
前言: 在经历了几个月的项目期限.我们遇到了前端发布文章,要用到富文本编辑的功能.在一番衡量下最终用到了richeditor-android第三方框架.实现原理就是通过webView和js实现前端富文 ...
android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)
前言在经历了几个月的项目期限.我们遇到了前端发布文章,要用到富文本编辑的功能.在一番衡量下最终用到了[richeditor-android](https://github.com/wasabeef/ ...
android 仿写开发者头条,android高仿今日头条富文本编辑(发布文章)
前言: 在经历了几个月的项目期限.我们遇到了前端发布文章,要用到富文本编辑的功能.在一番衡量下最终用到了richeditor-android第三方框架.实现原理就是通过webView和js实现前端富文 ...
android 今日头条加载动画,高仿今日头条加载动画
01 每每浏览手机app时,发现有的效果体验不错,作为一位程序员,总想要是自己来做,怎么实现. 今天我们来模仿今日头条的加载动画. 首先我们来看一下我们这个demo最终效果,有图有真相. 高仿今日头条 ...
IOS每日精选源码，边缘识别导航条管理高仿今日头条语音查询汇率源码
CIDetector边缘识别超级简单的导航条管理工具EasyNavigation navigationbar 高仿今日头条频道选择弹框 iOS一个比较实用的侧边栏管理器联动tableView,菜单 ...
android 高仿苹果listview,GitHub - open-android/JieCaoVideoPlayer: 高仿今日头条ListView视频播放和优酷视频播放悬浮窗...
##主要特点视频全屏播放和浮层小窗播放可以完全自定义UI 能在ListView.ViewPager和ListView.ViewPager和Fragment等多重嵌套模式下全屏工作手势修改进度和音 ...
html仿今日头条数据列表
例子代码下载:http://download.csdn.net/detail/friendan/9503019 效果截图: 收获如下: 1.使用Respond.js解决了Bootstrap3栅格系统不 ...
android高仿今日头条小视频转场切换效果
可以先看看今日头条效果功能分析点击列表上的一个item,该item会放大,最后直接全屏播放小视频,刚开始看上去,以为是个共享元素的转场动画, 后来想到,共享元素要在android 5.0以上支持, ...

高仿今日头条视频列表功能

主要特点

效果

使用步骤

1. 在project的build.gradle添加如下代码(如下图)

2. 在Module的build.gradle添加依赖

3.添加权限

4.在Activity中添加如下代码

5.在Activity监听如下生命周期方法

6.新建一个Adapter继承BaseAdapter并且复制如下代码

7.添加Adapter的item布局R.layout.item_videoview

8.在AndroidManifest.xml中

高仿今日头条视频列表功能相关推荐

最新文章

热门文章