README.md 11.6 KB
Newer Older
S
readme  
shuyu 已提交
1
<h4>基于IJKPlayer的播放器,重构了<a href="https://github.com/lipangit/JieCaoVideoPlayer">JieCaoVideoPlayer</a>做了代码重构与优化调整,添加了自定义功能。</h4>
S
shuyu 已提交
2
======================
S
readme  
shuyu 已提交
3 4 5 6 7 8 9 10 11 12

* <h4>支持基本的拖动,声音、亮度调节</h4>
* <h4>支持边播边缓存,使用了<a href="https://github.com/danikula/AndroidVideoCache">AndroidVideoCache</a>的代理模式实现</h4>
* <h4>支持视频本身自带rotation的旋转</h4>
* <h4>增加了重力旋转与手动旋转的同步支持</h4>
* <h4>支持列表播放</h4>
* <h4>直接添加控件为封面</h4>
* <h4>兼容一些5.0的过场效果</h4>
* <h4>列表的全屏效果优化</h4>

S
readme  
shuyu 已提交
13
## [简书详解入口](http://www.jianshu.com/p/9fe377dd9750)
S
readme  
shuyu 已提交
14

S
readme  
shuyu 已提交
15
```
S
shuyu 已提交
16 17 18
<dependency>
  <groupId>com.shuyu</groupId>
  <artifactId>gsyVideoPlayer</artifactId>
S
1.1.5  
shuyu 已提交
19
  <version>1.1.5</version>
S
shuyu 已提交
20 21
  <type>pom</type>
</dependency>
S
readme  
shuyu 已提交
22
```
S
readme  
shuyu 已提交
23

S
readme  
shuyu 已提交
24
```
S
1.1.5  
shuyu 已提交
25
compile 'com.shuyu:gsyVideoPlayer:1.1.5'
S
readme  
shuyu 已提交
26
```
S
shuyu 已提交
27

S
shuyu 已提交
28
## 效果,录屏下的屏幕旋转和实际有些出入
S
fix img  
shuyu 已提交
29 30 31
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/01.jpg" width="218px" height="120px"/>
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/02.jpg" width="120px" height="218px"/>
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/03.jpg" width="120px" height="218px"/>
S
1.1.5  
shuyu 已提交
32
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/04.jpg" width="120px" height="218px"/>
S
fix img  
shuyu 已提交
33
<p></p>
S
1.1.5  
shuyu 已提交
34

S
shuyu 已提交
35
* <h4>1、打开一个播放</h4>
S
shuyu 已提交
36
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/01.gif" width="240px" height="426px"/>
S
1.1.5  
shuyu 已提交
37

S
shuyu 已提交
38
* <h4>2、列表</h4>
S
readme  
shuyu 已提交
39 40
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/02.gif" width="240px" height="426px"/>
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/03.gif" width="240px" height="426px"/>
S
1.1.5  
shuyu 已提交
41

S
shuyu 已提交
42
* <h4>3、详情模式</h4>
S
shuyu 已提交
43 44
<img src="https://github.com/CarGuo/GSYVideoPlayer/blob/master/04.gif" width="240px" height="426px"/>

S
1.1.5  
shuyu 已提交
45 46
## 1.1.5 优化了一些UI,增加了一些有趣的动画,比如播放按键。

S
readme  
shuyu 已提交
47
* 推荐这个动画效果<a href="https://github.com/codeestX/ENViews">ENViews</a>
S
readme  
shuyu 已提交
48
* 增加自定义继承模板**SampleExtendsPlayer**,个人建议直接拷贝**StandardGSYVideoPlayer**修改也行。
S
1.1.5  
shuyu 已提交
49

S
1.1.4  
shuyu 已提交
50
## 1.1.4
S
1.1.3  
shuyu 已提交
51
* 优化了第一种列表的全屏动画,5.0以上展开和返回过渡顺畅,支持自动旋转的开启与关闭
S
1.1.4  
shuyu 已提交
52
* 修改了全屏下的滑动接口不正常问题,全屏下自动变为滑动的,非全屏可以设置。
S
1.1.3  
shuyu 已提交
53

S
1.1.4  
shuyu 已提交
54 55 56 57 58 59 60 61 62
```
/**
 * 是否可以滑动界面改变进度,声音等
 */
public void setIsTouchWiget(boolean isTouchWiget)

```


S
shuyu 已提交
63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
## 1.1.2
* 增加了TAG和position来实现第一种list列表(非ListVideoUtil模式的列表实现)的滑动错位问题

```

videoList.setOnScrollListener(new AbsListView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        int lastVisibleItem = firstVisibleItem + visibleItemCount;
        //大于0说明有播放
        if (GSYVideoManager.instance().getPlayPosition() >= 0) {
            //当前播放的位置
            int position = GSYVideoManager.instance().getPlayPosition();
            //对应的播放列表TAG
            if (GSYVideoManager.instance().getPlayTag().equals(ListNormalAdapter.TAG)
                    && (position < firstVisibleItem || position > lastVisibleItem)) {
                //如果滑出去了上面和下面就是否,和今日头条一样
                GSYVideoPlayer.releaseAllVideos();
                listNormalAdapter.notifyDataSetChanged();
            }
        }
    }
});

····

holder.gsyVideoPlayer.setPlayTag(TAG);
holder.gsyVideoPlayer.setPlayPosition(position);

```

S
1.1.1  
shuyu 已提交
98
## 1.1.1
99
* 增加了ListVideoUtil全屏是否显示横屏,全屏是否自动旋转
100
* 增加了ListVideoUtils隐藏状态栏和title的接口
S
shuyu 已提交
101

S
shuyu 已提交
102 103


S
readme  
shuyu 已提交
104
## GSYVideoPlayer 播放器控件,抽象类,继承后可以直接使用,参考 StandardGSYVideoPlayer
S
shuyu 已提交
105 106

## 记得调用销毁
S
shuyu 已提交
107
```
S
shuyu 已提交
108 109 110 111 112 113 114
@Override
 protected void onDestroy() {
     super.onDestroy();
     GSYVideoPlayer.releaseAllVideos();
}
```

S
readme  
shuyu 已提交
115
## StandardGSYVideoPlayer 标准的播放播放器,可参考demo中的playActivity
S
shuyu 已提交
116
```
S
shuyu 已提交
117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186

设置播放url,第二个参数表示需要边播边缓存
videoPlayer.setUp(url, true, "");

//增加封面
ImageView imageView = new ImageView(this);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setImageResource(R.mipmap.xxx1);
videoPlayer.setThumbImageView(imageView);

//增加title
videoPlayer.getTitleTextView().setVisibility(View.VISIBLE);
videoPlayer.getTitleTextView().setText("测试视频");

//设置返回键
videoPlayer.getBackButton().setVisibility(View.VISIBLE);

//设置旋转
orientationUtils = new OrientationUtils(this, videoPlayer);

//设置全屏按键功能
videoPlayer.getFullscreenButton().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        orientationUtils.resolveByClick();
    }
});

//设置返回按键功能
videoPlayer.getBackButton().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        onBackPressed();
    }
});

//在列表中使用的接口,详情请看Demo中的ListVideoActivity

/**
 * 利用window层播放全屏效果
 *
 * @param context
 * @param actionBar 是否有actionBar,有的话需要隐藏
 * @param statusBar 是否有状态bar,有的话需要隐藏
 */
public void startWindowFullscreen(final Context context, final boolean actionBar, final boolean statusBar)


/**
 * 退出window层播放全屏效果
 */
public void clearFullscreenLayout()

还有用于onBackPressed()的
/**
  * 退出全屏
  *
  */
public static boolean backFromWindowFull(Context context)

@Override
public void onBackPressed() {
    if (StandardGSYVideoPlayer.backFromWindowFull(this)) {
        return;
    }
    super.onBackPressed();
}
```

## OrientationUtils 重力旋转的工具类
S
shuyu 已提交
187
```
S
shuyu 已提交
188 189 190 191 192
//设置旋转
OrientationUtils orientationUtils = new OrientationUtils(Activity, videoPlayer);
```
## ListVideoUtil 列表模式支持支持滑出屏幕继续播放和全屏的工具类
与上面的StandardGSYVideoPlayer实现列表播放和全屏播放不大一样,ListVideoUtil只有一个StandardGSYVideoPlayer,使用外部container来是先全屏
S
shuyu 已提交
193
列表滑动不会影响到播放,具体可以查看demo里的ListVideoActivity和ListVideo2Activity.
S
shuyu 已提交
194
```
S
shuyu 已提交
195 196 197 198
listVideoUtil = new ListVideoUtil(Activity);
设置需要全屏显示的父类
listVideoUtil.setFullViewContainer(videoFullContainer);
.....
S
shuyu 已提交
199

S
shuyu 已提交
200
//对列表进行处理,传入每个item的位置,封面,TAG(如果有多个不同列表,用不同TAG区分),视频列表item的父容器,播放按键
S
shuyu 已提交
201 202 203 204 205 206 207 208 209 210 211 212
/**
 * 动态添加视频播放
 *
 * @param position  位置
 * @param imgView   封面
 * @param tag       TAG类型
 * @param container player的容器
 * @param playBtn   播放按键
 */
public void addVideoPlayer(final int position, View imgView, String tag,
                               ViewGroup container, View playBtn)

S
shuyu 已提交
213 214 215 216 217 218 219 220 221 222 223
holder.playerBtn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        notifyDataSetChanged();
        //设置播放的位置和TAG
        listVideoUtil.setPlayPositionAndTag(position, TAG);
        final String url = "http://baobab.wdjcdn.com/14564977406580.mp4";
        //开始播放
        listVideoUtil.startPlay(url);
    }
});
S
readme  
shuyu 已提交
224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255


/**
 * 是否自动旋转
 *
 * @param autoRotation 是否要支持重力旋转
 */
public void setAutoRotation(boolean autoRotation)


/**
 * 是否全屏就马上横屏
 *
 * @param fullLandFrist 如果是,那么全屏的时候就会切换到横屏
 */
public void setFullLandFrist(boolean fullLandFrist)

/**
 * 是否隐藏statusBar
 *
 * @param hideStatusBar true的话会隐藏statusBar,在退出全屏的时候会回复显示
 */
public void setHideStatusBar(boolean hideStatusBar)

/**
 * 是否隐藏actionBar
 *
 * @param hideActionBar true的话会隐藏actionbar,在退出全屏的会回复时候显示
 */
public void setHideActionBar(boolean hideActionBar)


S
shuyu 已提交
256
```
S
shuyu 已提交
257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395

### SampleExtendsPlayer 自定义继承模板,可以参考 StandardGSYVideoPlayer

```

/**
 * 必须继承,你可以随意布局,但是id必须一致,还有不能少了哟
 */
@Override
public int getLayoutId() {
    //// TODO: 2016/11/18 返回你的布局
    return R.layout.video_layout_standard;
}

/**
 * 必须继承,根据你的状态实现不同的逻辑效果
 */
@Override
protected void setStateAndUi(int state) {
    super.setStateAndUi(state);
    switch (mCurrentState) {
        case CURRENT_STATE_NORMAL://播放UI初始化
            break;
        case CURRENT_STATE_PREPAREING://播放loading
            break;
        case CURRENT_STATE_PLAYING://播放ing
            break;
        case CURRENT_STATE_PAUSE://播放暂停
            break;
        case CURRENT_STATE_ERROR://播放错误
            break;
        case CURRENT_STATE_AUTO_COMPLETE://播放完成
            break;
        case CURRENT_STATE_PLAYING_BUFFERING_START://buffering
            break;
    }
}


/**
 * 继承后可以实现你自定义的UI配置
 */
@Override
protected void init(Context context) {
    super.init(context);
    //// TODO: 2016/11/18 你自定义的UI配置
}

/**
 * 继承后可以实现你自定义的UI
 */
@Override
public boolean setUp(String url, boolean cacheWithPlay, Object... objects) {
    super.setUp(url, cacheWithPlay, objects);
    //// TODO: 2016/11/18 你自定义的设置播放属性播放时候的UI配置
    return false;
}

@Override
public boolean onTouch(View v, MotionEvent event) {
    //// TODO: 2016/11/18 补充你的触摸逻辑 ,比如你在这一页自定义的哪些UI
    return super.onTouch(v, event);
}

@Override
public void onClick(View v) {
    super.onClick(v);
    //// TODO: 2016/11/18 补充你的点击逻辑 ,比如你在这一页自定义的哪些UI
}

@Override
public void showWifiDialog() {
    super.showWifiDialog();
    //// TODO: 2016/11/18 wifi状态的显示逻辑
}


@Override
public void startPlayLogic() {
    //// TODO: 2016/11/18 播放开始的逻辑
}

@Override
protected void setProgressAndTime(int progress, int secProgress, int currentTime, int totalTime) {
    super.setProgressAndTime(progress, secProgress, currentTime, totalTime);
    //// TODO: 2016/11/18 播放进度
}

@Override
protected void resetProgressAndTime() {
    super.resetProgressAndTime();
    //// TODO: 2016/11/18 播放进度重置
}

@Override
protected void showProgressDialog(float deltaX, String seekTime, int seekTimePosition, String totalTime, int totalTimeDuration) {
    super.showProgressDialog(deltaX, seekTime, seekTimePosition, totalTime, totalTimeDuration);
    //// TODO: 2016/11/18 显示快进dialog
}

@Override
protected void dismissProgressDialog() {
    super.dismissProgressDialog();
    //// TODO: 2016/11/18 关闭快进dialog
}

@Override
protected void showVolumeDialog(float deltaY, int volumePercent) {
    super.showVolumeDialog(deltaY, volumePercent);
    //// TODO: 2016/11/18 显示声音选择
}

@Override
protected void dismissVolumeDialog() {
    super.dismissVolumeDialog();
    //// TODO: 2016/11/18 关闭声音选择
}

@Override
protected void showBrightnessDialog(float percent) {
    super.showBrightnessDialog(percent);
    //// TODO: 2016/11/18 显示亮度选择
}

@Override
protected void dismissBrightnessDialog() {
    super.dismissVolumeDialog();
    //// TODO: 2016/11/18 关闭亮度选择
}

@Override
public void onBackFullscreen() {
    //// TODO: 2016/11/18 退出全屏逻辑
}

```

</p>

S
shuyu 已提交
396
### 混淆
S
shuyu 已提交
397 398
</p>

S
shuyu 已提交
399 400 401
```
-keep class tv.danmaku.ijk.** { *; }
-dontwarn tv.danmaku.ijk.**
S
todo  
shuyu 已提交
402 403 404
```

//TODO 增加了一些UI个性化设置的接口,调整UI的