Giter Site home page Giter Site logo

hbanner's Introduction

HBanner(1.1.1-alpha)

全新自制改良版视频/图片混播控件。这次版本已经完全更换了实现方式。所以剔除了原来所参考的项目代码,旧版本与所参考的banner控件存在冲突的问题应该不再存在。

新版本目前所支持的功能:图片指定轮播时间,视频无需指定时间,播放结束后会自动切换,视频全屏/居中(原版本存在的视频有声音无显示问题可能是CustomVideoView全屏实现的方式所导致,具体问题可能是由于layout坐标错乱导致)

目前库已迁移至mavenCentral,所以在根目录下的buidl.gradle配置文件下需要添加mavenCentral仓库源,jecnter仓库源目前已无法更新库以及上传库,且在后面会停止服务,需要注意!

buildscript {
    repositories {
        google()
        mavenCentral()
    }
    ...
}

allprojects {
    repositories {
        google()
        mavenCentral()
    }
		...
}

使用方式

权限说明

在线视频的播放以及缓存需要相应的网络权限和存储器的读写权限,请在相应应用里添加以下权限,并动态申请

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

Gradle 依赖添加方式

dependencies {
  	implementation 'io.github.lakehubo:com.lakehubo.hbanner:1.1.1-alpha'
}

Maven 依赖添加方式

<dependency>
  <groupId>io.github.lakehubo</groupId>
  <artifactId>com.lakehubo.hbanner</artifactId>
  <version>1.1.1-alpha</version>
  <type>aar</type>
</dependency>

HBanner主要接口方法说明

该接口提供主要的操作方法,根据传入的viewpager并对其进行轮播的实现。

方法名(参数) 返回值 说明
sources(List<SubView> subViews) void 轮播数据列表,在轮播状态下调用此方法会导致轮播暂停
remove(int position) void 移除指定位置的subview,在轮播状态下调用此方法会导致轮播暂停
addSubView(SubView sub) void 在结尾添加新的subview,在轮播状态下调用此方法会导致轮播暂停
addSubView(int position, SubView sub) void 在指定位置添加subview,在轮播状态下调用此方法会导致轮播暂停
pause(long timeout) void 暂停轮播,timeout时间后自动继续,timeout为0表示永久暂停
play(boolean auto) void 开始轮播,若当前存在暂停则继续当前位置进行播放
showNext(boolean auto) void 手动切换到下一张view,auto是否后面自动播放
setPosition(int position) void 重置当前播放位置
getPosition() void 获取当前播放位置
getCurrentSubView() SubView 获取当前显示的子view
getSubView(int position) SubView 获取指定位置的子view
getBannerStatus() PlayStatus 获取banner当前的状态
setTimeOffset(long time) void 设置每次的轮播时间偏移,设置该值后会给所有的view加上该值,time单位ms
setSyncMode(SyncMode mode) void 设置多banner的同步模式,目前仅支持一种one by one模式
addSyncHBanner(HBanner hBanner) void 同步另一banner,多banner协同,根据传入的item序号进行同步,协同支持一种模式,
需要两个banner的item数量保持一致,否则会导致其中一个banner的item无法显示完整。
addSyncHBanner(List<HBanner> hBanners) void 参考以上,添加复数个banner
removeSyncHBanner(HBanner hBanner) void 移除同步的banner
removeSyncHBanner(List<HBanner> hBanners) void 参考以上,移除复数个banner
removeAllSyncHBanner() void 移除所有同步的banner
create(ViewPager viewPager) HBanner 利用viewPager创建HBanner接口。注:多次调用会创建多个HBanner实例。
release() void 停止播放并释放轮播资源
isAuto() boolean 当前是否为自动播放(pause方法会导致该值改变)
SubView接口说明

该接口为传入HBanner轮播对象,目前控件自带一个图片对象和视频对象,你也可以自己继承该接口实现自己自定义的轮播对象。

方法名(参数) 返回值 说明
onShowStart(final HBanner hBanner, int position) void 轮播开始显示的回调,该方法会返回HBanner对象,此时你可以在这里接管轮播控制,
比如暂停,并自行计时播放下一张等操作。当view为视频时,推荐自行控制视频显示时间。
onShowFinish() boolean 轮播对象结束显示的回调,返回是否为自动播放模式
duration() long 指定当前轮播对象的显示的时间,单位:ms
getView() View HBanner获取轮播对象的接口。该返回值为控件轮播时所显示的View
getPreView() View 当前view不为ImageView时候,比如为VideoView,则需要覆盖此方法,
返回一张图片替代VideoView的显示,该方法主要为了视频未加载完全时
候的显示以及循环播放的首尾画面的过度。
getTag() String 同步所用的tag 标记,该接口只有在多banner协同下才有用。目前版本无任何作用。

目前控件内实现了默认的图片轮播对象:ImageSubView

以及默认的视频轮播对象:VideoSubView

ImageSubView简单说明
  • 通过其内部Builder类进行参数初始化和构造。

  • ImageSubView imge = new ImageSubView.Builder(getBaseContext())
                    		.resId(R.mipmap.b2)
                    		.duration(5000)
                    		.build();
  • Builder构造类方法参数说明

方法 参数类型 说明
gravity(ScaleType scaleType) ScaleType 图片布局方式(ImageView.ScaleType)
url(String url) String 图片来源的网络地址
file(File file) File 图片来源的文件
resId(@DrawableRes int id) int 图片来源的资源id(R.mipmap/R.drawable)
duration(long show) long 图片显示时间(单位ms,默认值5000)

注:file/url/resId其中必须有一个为有效值,否则会抛出参数错误异常

VideoSubView简单说明
  • 通过其内部Builder类进行参数初始化和构造。

  • VideoSubView view = new VideoSubView.Builder(getBaseContext())
                    		.url("https://v-cdn.zjol.com.cn/123468.mp4")
                    		.gravity(VideoViewType.FULL)
                    		.isSub(false)
      				.playOffset(600)
                    		.build();
  • Builder构造类方法参数说明

方法 参数类型 说明
gravity(VideoViewType type) VideoViewType 视频布局方式,目前支持两种FULL和CENTER
isSub(boolean sub) boolean 是否属于被同步banner中的视频控件,默认值为false
file(File file) File 视频来源的文件
url(String url) String 视频来源的网络地址
playOffset(long offset) long 缓存的首帧图片显示时常(可解决videoview启动闪烁问题)
单位ms

注:file和url必须有其中一个有效值,否则会抛出参数错误异常

自带换场方式的对象函数
函数名 说明
DefaultTransformer 横向切换
VerticalPageTransformer 纵向切换

ViewPager函数设置轮播换场方式

//自行通过设置ViewPager的换场动画方法即可,无需通过控件。
//设置viewpager切换方式
viewPager.setPageTransformer(true, new VerticalPageTransformer());

对应生命周期回调中的控件推荐设置

@Override
protected void onResume() {
    if (hBanner != null)
        hBanner.play(true);
    super.onResume();
}

@Override
protected void onPause() {
    if (hBanner != null)
        hBanner.pause(0);
    super.onPause();
}

@Override
protected void onStop() {
    if (hBanner != null)
        hBanner = null;
    super.onStop();
}

新版banner,目前去掉了指示器标题栏,推荐自行实现需要的指示器和标题等。

使用示例代码(项目demo):
/**
* 在create banner前需要确保viewpager控件已经被创建
* 这里是双viewpager,为了方便所以直接对根布局进行视图创建
* 进行回调
*/
HBanner hBanner = HBanner.create(viewPager);

List<SubView> data = new ArrayList<>();
data.add(new ImageSubView.Builder(getBaseContext())
        .url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4148675854,1608370142&fm=26&gp=0.jpg")
        .duration(6000)
        .build());
data.add(new ImageSubView.Builder(getBaseContext())
        .resId(R.mipmap.b2)
        .duration(5000)
        .build());
data.add(new ImageSubView.Builder(getBaseContext())
        .resId(R.mipmap.b3)
        .duration(5000)
        .build());
data.add(new VideoSubView.Builder(getBaseContext())
        .url("https://v-cdn.zjol.com.cn/123468.mp4")
        .gravity(VideoViewType.FULL)
        .isSub(false)
        .build());

hBanner.sources(data);
//设置viewpager切换方式
viewPager.setPageTransformer(true, new VerticalPageTransformer());
     
//开始显示或者自动播放
hBanner.play(true);
如果需要多banner同步轮播

需要保证所有banner都使用包内所提供的BannerViewPager(如果是单一banner,使用ViewPager即可)。

HBanner hBanner = HBanner.create(viewPager);

List<SubView> data = new ArrayList<>();
data.add(new ImageSubView.Builder(getBaseContext())
         .url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4148675854,1608370142&fm=26&gp=0.jpg")
         .duration(6000)
         .build());
data.add(new ImageSubView.Builder(getBaseContext())
         .resId(R.mipmap.b2)
         .duration(5000)
         .build());
data.add(new ImageSubView.Builder(getBaseContext())
         .resId(R.mipmap.b3)
         .duration(5000)
         .build());
data.add(new VideoSubView.Builder(getBaseContext())
         .url("https://v-cdn.zjol.com.cn/123468.mp4")
         .gravity(VideoViewType.FULL)
         .isSub(false)
         .build());

hBanner.sources(data);

HBanner hBanner2 = HBanner.create(viewPager2);

List<SubView> data2 = new ArrayList<>();
//被同步banner无需设置时间
data2.add(new ImageSubView.Builder(getBaseContext())
          .url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607078748657&di=32e2fa257aa53426f8ab1fbcb43e1325&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180629%2Fd444958986894a6994533eda59edb460.jpeg")
          .build());
data2.add(new ImageSubView.Builder(getBaseContext())
          .resId(R.mipmap.b2)
          .build());
data2.add(new ImageSubView.Builder(getBaseContext())
          .resId(R.mipmap.b3)
          .build());
data2.add(new VideoSubView.Builder(getBaseContext())
          .file(new File(Environment.getExternalStorageDirectory() + "/default1.mp4"))
          .isSub(true)
          .build());

hBanner2.sources(data2);

hBanner.addSyncHBanner(hBanner2);
//多协同,只需主banner播放即可,其他banner会跟随切换。
hBanner.play(true);

hbanner's People

Contributors

lakehubo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

hbanner's Issues

如果想在View里添加HBanner,ViewPager要如何创建

直接用代码new完添加 报
java.lang.IllegalArgumentException: your viewPager has not attached,it will can not get the handler!
at com.lake.hbanner.HBannerImp.checkViewAttached(HBannerImp.java:460)
at com.lake.hbanner.HBannerImp.(HBannerImp.java:97)
at com.lake.hbanner.HBanner$-CC.create(HBanner.java:151)

在部分机型上,通过网络缓存的文件下载不完整

在部分机型上,通过网络缓存的文件下载不完整,导致视频无法播放,当时checkCache()方法并没有去检测文件的完整性,只检测了本地是否存在缓存文件,这个要怎么解决(文件并不是很大,一个视频文件才2M,下载到本地的时候只有14k)

运行错误 空指针

java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.hbanner/com.example.hbanner.MainActivity}: java.lang.NullPointerException: Attempt to invoke virtual method 'void android.os.Handler.removeCallbacks(java.lang.Runnable)' on a null object reference

添加暂停banner的方法

页面切换时候,需要暂停banner图,目前只有方法停止轮播的操作, 切换时候视频还是在播放的,没有停止的操作,
目前调用了 banner.releaseBanner(); 停止轮播 banner.start(); 开始方法,但效果不理想, 切换后响应不快

5.1版本

banner支持5.1版本的手机,单个视频轮播吗

效果优化

能否在视频播放时默认静音,然后有个控件可以控制播放呢

引用1.0.8运行项目直接闪退

引用1.0.8运行项目直接闪退

java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.dhcc.hbanner/com.dhcc.hbanner.MainActivity}: java.lang.ClassNotFoundException: Didn't find class "com.dhcc.hbanner.MainActivity" on path: DexPathList[[zip file "/data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/base.apk"],nativeLibraryDirectories=[/data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/lib/arm64, /system/lib64, /system/vendor/lib64]]
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2757)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2931)
at android.app.ActivityThread.-wrap11(Unknown Source:0)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1620)
at android.os.Handler.dispatchMessage(Handler.java:105)
at android.os.Looper.loop(Looper.java:173)
at android.app.ActivityThread.main(ActivityThread.java:6698)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:240)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:782)
Caused by: java.lang.ClassNotFoundException: Didn't find class "com.dhcc.hbanner.MainActivity" on path: DexPathList[[zip file "/data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/base.apk"],nativeLibraryDirectories=[/data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/lib/arm64, /system/lib64, /system/vendor/lib64]]
at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:93)
at java.lang.ClassLoader.loadClass(ClassLoader.java:379)
at java.lang.ClassLoader.loadClass(ClassLoader.java:312)
at android.app.Instrumentation.newActivity(Instrumentation.java:1174)
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2747)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2931) 
at android.app.ActivityThread.-wrap11(Unknown Source:0) 
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1620) 
at android.os.Handler.dispatchMessage(Handler.java:105) 
at android.os.Looper.loop(Looper.java:173) 
at android.app.ActivityThread.main(ActivityThread.java:6698) 
at java.lang.reflect.Method.invoke(Native Method) 
at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:240) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:782) 
Suppressed: java.io.IOException: Failed to open dex files from /data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/base.apk because: Failure to verify dex file '/data/app/com.dhcc.hbanner-UAD9KU78FaAjtpSnQ9GpXw==/base.apk': Bad method handle type 7
at dalvik.system.DexFile.openDexFileNative(Native Method)
at dalvik.system.DexFile.openDexFile(DexFile.java:353)
at dalvik.system.DexFile.(DexFile.java:100)
at dalvik.system.DexFile.(DexFile.java:74)
at dalvik.system.DexPathList.loadDexFile(DexPathList.java:374)
at dalvik.system.DexPathList.makeDexElements(DexPathList.java:337)
at dalvik.system.DexPathList.(DexPathList.java:157)
at dalvik.system.BaseDexClassLoader.(BaseDexClassLoader.java:65)
at dalvik.system.PathClassLoader.(PathClassLoader.java:64)
at com.android.internal.os.PathClassLoaderFactory.createClassLoader(PathClassLoaderFactory.java:43)
at android.app.ApplicationLoaders.getClassLoader(ApplicationLoaders.java:69)
at android.app.ApplicationLoaders.getClassLoader(ApplicationLoaders.java:36)
at android.app.LoadedApk.createOrUpdateClassLoaderLocked(LoadedApk.java:681)
at android.app.LoadedApk.getClassLoader(LoadedApk.java:714)
at android.app.LoadedApk.getResources(LoadedApk.java:941)
at android.app.ContextImpl.createAppContext(ContextImpl.java:2254)
at android.app.ActivityThread.handleBindApplication(ActivityThread.java:5755)
at android.app.ActivityThread.-wrap1(Unknown Source:0)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1690)

播放单独一个视频1,然后使用update更新内容后,再次播放到视频1自动轮播失效

图片和视频均是本地资源,列表中原本有多张图片和视频,使用update方法将播放列表中的资源移除,只剩余视频1,然后通过update又增加了视频和图片 ,条件依然是自动轮播 ,但是当再次播放,播放到视频1的位置时,视频1位置后的资源不会再自动播放,此时自动轮播失效,但是可以通过手滑方式切换到下一个资源,自动轮播就恢复效果。

请求头导致的 bad request 状态码400

showView.java 文件第66行,实例化 HttpParam 的构造函数中写死了一个请求头信息:requestHeader.put("Content-type", "multipart/form-data");
然而对于某些 url 来说,带上了这个请求头就会报 400 的错误码。

竖屏视频问题

作者您好,收先感谢您的分享,在使用的时候发现了两个小问题在这里反馈一下

  1. 从1.0.1版本开始(1.0.0不存在这个问题),竖屏视频默认显示在中间了,但是如果是一个竖屏视频和一个图片轮播的话,显示图片的时候会显示一秒就黑屏了,等图片显示时间到的前一秒又会显示一下然后就切换到视频了。
    不知道有没有描述清楚,总之重现方式是:加载一个竖屏视频和任意一个图片,视频切换到图片时就会出现这个问题;

  2. 此问题在1.0.3版本确认存在,之后的版本未测试。问题描述:
    加载媒体越多越容易出现,比如加载了10个视频和10个图片,然后再即将要切换下一个元素时立即(不需要那么及时,大概切换的前后就行)触发更新动作(就是调用hBanner.update方法),如果更新后的内容比之前的少,比如只剩下一个视频和一个图片,会引起崩溃。我把HB'anner类复制下来做了个修改解决了此问题,但具体修改的哪我真的想不起来了,好像是因为lastItem的问题,我在update方法里设置了lastItem=0;(不确定,真记不清了)


再次感谢作者的分享

注意点HBannerImp第100行addOnPageChangeListener的调用者是外部实例化的View在所以存在多次监听的情况,导致滚动位置错乱

//查看androidx.viewpager.widget.ViewPager 源码addOnPageChangeListener内维护的是一个List
public void addOnPageChangeListener(@nonnull OnPageChangeListener listener) {
if (mOnPageChangeListeners == null) {
mOnPageChangeListeners = new ArrayList<>();
}
mOnPageChangeListeners.add(listener);
}
//HBannerImp第100行,作者的使用方式这里存在漏洞,具体场景需要多次create()
解决方式:最简单的方式在androidx.viewpager.widget.PagerAdapter#instantiateItem作如下修改:
@nonnull
@OverRide
public Object instantiateItem(@nonnull ViewGroup container, int position) {
View view = usingItems.get(position);
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null){
parent.removeView(view);
}
container.addView(view);
return view;
}
在不修改源码情况下在create前可使用:
viewPager.removeAllViews();
viewPager.clearOnPageChangeListeners();

运行的时候 一直在打印一个警告 是什么意思。

VSYNC THREAD can not get buffer to queue
我的项目是一个大屏的终端机。
因为我是所有页面没有操作的时候都有会延迟加载这个广告轮播。反复切换页面的时候那个内存一直在增长。能帮回答一下怎么处理么

下载不下来 是怎么回事?

1.0.8的可以先下载下来。implementation 'com.lakehubo:hbanner:1.1.0-alpha' 这个就是下载不下来 我就奇了怪了。我在External Libraries里面就找不到这个库。欲哭无泪?这个咋办

加载空列表,触摸角标越界异常

private void stopPositionVideoView(int position) {
        ViewItem v = subList.get(position);
        View view = v.getView();
        if (view instanceof VideoView) {
            videoLoader.onStop((VideoView) view);
        }
    }

角标越界异常

对点击跳转的建议

针对点击事件,如果当前item是图片的话,点击可以跳转。如果当前item是视频的话,控制播放与暂停。

图片视频查看

大神这个视频有进度和时间显示么?阔以支持点击查看吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.