VLC集成与使用

VLC的集成和使用
VLC介绍
VLC Media Player (VideoLAN) 为 Windows、Linux、OS X、Android、iOS、Windows Phone等平台提供一个视频播放器、解码器。它可以播放来自网络、摄像头、磁盘、光驱的文件，支持包括MPEG 1/2/4, H264, VC-1, DivX, WMV, Vorbis, AC3, AAC等格式的解码。在 Windows 和 Linux 上的 VLC 是使用C++/Qt写成，提供了一致的用户体验。同时 VLC 还专门为 OS X 提供了原生版本，OS X 版的 VLC 的用户界面使用Cocoa框架编写，在 OS X 下拥有卓越的原生体验。

VLC还有一个非常好的功能——播放那些没有下载完整的视频文件。
VLC几乎覆盖所有媒体格式。
VLC集成
在iOS下，我们可以很方便的使用VLC，因为它经行了优秀的封装，源码中最核心的部分被封装成了独立的库（MoblieVLVKit.framework库），它是基于FFmpeg，Live555提供完整的媒体播放库，所以整一个库体积还是比较大（目前已经超过600M了），不过并不会太影响App的大小，经行App打包发布的是会自动超级压缩的。经过测试它比使用FFmpeg库仅仅是多7M左右的大小。
VLC cocoapods方式集成

VLC可以有多种的方式安装，目前最简单的方式就是cocoapods安装，以前需要下载源码后经行编译，编译后的还分模拟器版和真机版，最后还得使用lipo 命令经行合并，比较麻烦，这里我就不进行介绍了，因为没必要（喜欢折腾的可以自行搜索相关资料）,最终编译得到的结果一样是MoblieVLCKit.framework库，即使项目不允许使用cocoapods，也可以建立空项目后使用cocoapods得到MoblieVLCKit.framework在经行移植。

步骤

1.在podfile中写入：pod 'MobileVLCKit'
2.终端执行pod install即可（成功后会在项目里看到MoblieVLCKit.framework库）
3.添加依赖库：libz.tbd、libbz2.tbd、libiconv.tbd、libstdc++.6.0.9.tbd

VLC使用
MoblieVLCKit为我们提供了很多功能接口，不过我们不需要全部了解，只需要懂得几个常用的API接口就可以轻轻松松的写出一个播放器出来。因为它支持定制化UI，所以有心的开发者可以结合漂亮的UI设计一套专属的播放器
MoblieVLCKit 常用API介绍
VLCMediaPlayer

VCL对象，管理着播放的开始暂停等操作，有着几个代理方法可以经行状态和时间的监听回调

VLCMediaPlayer属性

// 播放设置，比如设置播放路径是本地播放还是网络播放，以及播放的画面映射到哪个View
@property (NS_NONATOMIC_IOSONLY, strong) VLCMedia *media;

VLCMediaPlayer方法

// 开始播放
-(BOOL)play;
// 暂停播放
- (void)pause;
// 停止播放
- (void)stop;
/**
  *快进播放
  *interval:需要快进的秒数
*/
- (void)jumpForward:(int)interval;
/**
  *快退播放
  *interval:需要快退的秒数
*/
- (void)jumpBackward:(int)interval;
// 短时间的快退（10秒）
- (void)shortJumpBackward;
// 短时间的快进（10秒）
- (void)shortJumpForward;
/**
  * 以一定倍速播放
  * rate：倍速
*/
- (void)fastForwardAtRate:(float)rate;

VLCMediaPlayer代理

// 播放状态改变的回调
- (void)mediaPlayerStateChanged:(NSNotification *)aNotification;
// 播放时间改变的回调
- (void)mediaPlayerTimeChanged:(NSNotification *)aNotification;

效果图

VLCPlayer.h和VLCPlayer.m（VLC创建）

  //
//  VLCPlayer.h
//  VLCDemo
//
//  Created by pocket on 16/6/27.
//  Copyright © 2016年 pocket. All rights reserved.
//

// VLC播放对象
#import <Foundation/Foundation.h>
#import <MobileVLCKit/MobileVLCKit.h>
#import <UIKit/UIKit.h>

@interface VLCPlayer : NSObject
/**
 *  VCL对象
 */
@property (nonatomic, strong) VLCMediaPlayer *player;
/**
 *  根据路径初始化VCL对象
 *
 *  @param playView 播放承载View
 *  @param path     本地路径
 *
 *  @return VLCPlayer 类
 */
- (id)initWithView:(UIView *)playView andMediaPath:(NSString *)path;
/**
 *  根据URL初始化VCL对象
 *
 *  @param playView 播放承载View
 *  @param url      url路径
 *
 *  @return VLCPlayer 类
 */
- (id)initWithView:(UIView *)playView andMediaURL:(NSURL *)url;

/**
 *  开始播放
 */
- (void)playMedia;
/**
 *  暂停播放
 */
- (void)stopPlaying;
@end

    //
//  VLCPlayer.m
//  VLCDemo
//
//  Created by pocket on 16/6/27.
//  Copyright © 2016年 pocket. All rights reserved.
//

#import "VLCPlayer.h"

@implementation VLCPlayer

- (id)initWithView:(UIView *)playView andMediaPath:(NSString *)path {
    self = [super init];
    if (self) {
        // 创建VCL对象
        _player = [[VLCMediaPlayer alloc] init];
        // 设置VCL播放界面的View
        _player.drawable = playView;
        // 设置需要加载的路径
        VLCMedia *media = [VLCMedia mediaWithPath:path];
        [_player setMedia:media];
    }
    return self;
}

- (id)initWithView:(UIView *)playView andMediaURL:(NSURL *)url {
    self = [super init];
    if (self) {
        _player = [[VLCMediaPlayer alloc] init];
        _player.drawable = playView;
        // 设置需要加载的url
        VLCMedia *media = [VLCMedia mediaWithURL:url];
        [_player setMedia:media];
    }
    return self;
}

// 播放
- (void)playMedia {
    [_player play];
}

// 暂停
- (void)stopPlaying {
    [_player stop];
}
@end

VLCViewController.h/VLCViewController.m（播放控制器）

//  VLCViewController.h
//  VLCDemo
//
//  Created by pocket on 16/6/27.
//  Copyright © 2016年 pocket. All rights reserved.
//

// VLC播放控制器
#import <UIKit/UIKit.h>
#import "VLCPlayer.h"

@interface VLCViewController : UIViewController
/**
 *  文件名字
 */
@property (nonatomic, strong) NSString *playName;
/**
 *  文件路径（本地资源路径）
 */
@property (nonatomic, strong) NSString *playPath;
/**
 *  网络URL路径
 */
@property (nonatomic, strong) NSURL *playURL;

@property (nonatomic, strong) VLCPlayer *player;
@end

//  VLCViewController.m
//  VLCDemo
//
//  Created by pocket on 16/6/27.
//  Copyright © 2016年 pocket. All rights reserved.
//
#import "VLCViewController.h"
#import <AVFoundation/AVFoundation.h>
#import<MobileVLCKit/MobileVLCKit.h>
#import "VLCPlayerView.h"
@interface VLCViewController ()<VLCMediaPlayerDelegate>
/**
 *  VLC承载视图
 */
@property (nonatomic,strong) VLCPlayerView *vlcPlayerView;
/**
 *  是否本地路径
 */
@property (nonatomic,assign) BOOL isLocal;
/**
 *  视频总时间（秒）
 */
@property (nonatomic,assign) int videoAllTime;
/**
 *  当前播放时间（秒）
 */
@property (nonatomic,assign) int videoCurrentTime;
/**
 *  当前进度
 */
@property (nonatomic,assign) float currentProgress;
/**
 *  菊花加载
 */
@property (nonatomic,strong) UIActivityIndicatorView *activityView;
@end

@implementation VLCViewController
- (void)viewDidLoad {
  [super viewDidLoad];

  self.title = self.playName;
  self.videoAllTime = 0;

  [self tarnsformView];
  // 添加播放的承载View
  [self addVLCPalyerView];
  // 菊花
  self.activityView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
  self.activityView.center = self.vlcPlayerView.center;
  [self.activityView setHidesWhenStopped:YES]; // 旋转时隐藏
  [self.activityView startAnimating]; // 开始旋转
  [self.view addSubview:self.activityView];
  //视频播放
  if (_playPath) { // 本地
      _player = [[VLCPlayer alloc] initWithView:self.vlcPlayerView.playView andMediaPath:_playPath];
      _player.player.delegate = self;
      [_player playMedia]; // 播放
      self.isLocal = YES;
  }
  if (_playURL) { // 网络
      _player = [[VLCPlayer alloc] initWithView:self.vlcPlayerView.playView andMediaURL:_playURL];
      _player.player.delegate = self;
      [_player playMedia];
      self.isLocal = NO;
  }
}

- (void)dealloc
{
    [_player stopPlaying];
    _player = nil;
}

+ (void)initialize
{
    AVAudioSession *session = [AVAudioSession sharedInstance];
    [session setCategory:AVAudioSessionCategoryPlayback error:nil];
    [session setActive:YES error:nil];
}

- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];

    [self addObserver];
}

- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];

    [self removeObserver];
}

#pragma mark - -- 屏幕旋转控制处理
// 这里采用假旋转，因为其他界面并不需要支持横屏（缺点是状态栏不支持转动，所以采取presentView方式最好）
- (void)tarnsformView
{
    // 旋转view
    self.view.transform = CGAffineTransformMakeRotation(M_PI/2); // 旋转90°
    CGRect frame = [UIScreen mainScreen].applicationFrame; // 获取当前屏幕大小
    // 重新设置所有view的frame
    self.view.bounds = CGRectMake(0, 0,frame.size.height + 20,frame.size.width);
    self.vlcPlayerView.frame = self.view.bounds;
}
// 隐藏状态栏显得和谐
- (BOOL)prefersStatusBarHidden
{
    return YES;
}

#pragma mark - -- 播放的承载View的设置
- (void)addVLCPalyerView
{
    //承载播放的视图初始化(自定义播放界面可在这里做UI定制)
    self.vlcPlayerView = [[VLCPlayerView alloc] initWithFrame:self.view.bounds];
    // 设置视频名称
    self.vlcPlayerView.videoName = self.playName;
    // 设置播放监听回调
    __weak typeof(self) weakSelf = self;
    self.vlcPlayerView.playBlock = ^(UIButton *playBtn){
        [weakSelf playClick:playBtn];
    };
    // 设置进度条监听回调
    self.vlcPlayerView.changeSliderBlock = ^(UISlider *sliderView){
        [weakSelf changeProgress:sliderView];
    };
    // 设置屏幕锁监听回调
    self.vlcPlayerView.lockBlock = ^(UIButton *lockBtn){
        // 屏幕锁操作逻辑
        // ...后续
    };
    // 设置返回按钮回调
    self.vlcPlayerView.backBlock = ^{
        // 关闭视图控制器
        [weakSelf.player stopPlaying];
        [weakSelf dismissViewControllerAnimated:YES completion:^{

        }];
    };

    // 左右滑动手势结束回调
    self.vlcPlayerView.endPanGesture = ^(float progress,int type){
        if (type == 4) { // 快退
            [weakSelf.player.player shortJumpBackward];
        } else if (type == 3) { // 快进
            [weakSelf.player.player shortJumpForward];
        }
    };

    [self.view addSubview:self.vlcPlayerView];
}
    #pragma mark - -- vlcPlayerView播放操作
// 播放（暂停）监听
- (void)playClick:(UIButton *)playBtn
{
    if ([_player.player isPlaying]) { // 正在播放
        [_player.player pause]; // 暂停
    } else {
        [_player.player play]; // 播放
    }
}

// 倍率速度播放(一般很少使用)
- (void)fastForwardAtRate:(float)rate
{
    [_player.player fastForwardAtRate:rate];
}
// 进度条拖拽
- (void)changeProgress:(UISlider *)sliderView
{
    if (!_player.player.isPlaying) { // 防止暂停状态拖动（拖动触发播放）
        [self.vlcPlayerView changePlayBtnState:YES];
        [_player.player play];
    }
    // 根据拖动比例计算开始到播放节点的总秒数
    int allSec = (int)(self.videoAllTime * sliderView.value);
    // 根据当前播放秒数计算需要seek的秒数
    int sec = abs(allSec - self.videoCurrentTime);
    // 如果为获取到时间信息
    if (sec == 0 && allSec == 0) {
        [[AlertViewManager shareInstance] showPromptText:self.view context:CustomLocalizedString(@"未获取到视频总时间，请尝试手势快进", nil) minSize:CGSizeMake(60,44) afterDelay:2.0];
        return;
    }
    NSLog(@"sec:%d",sec);
    if (sec==0) { // 刚好等于视频总时间
        [_player.player stop];
        return;
    }
    if (self.currentProgress<=sliderView.value) { // 快进滑动
        [_player.player jumpForward:sec]; // 快进播放
    } else {
        [_player.player jumpBackward:sec]; // 快退播放
    }

}

#pragma  mark - -- vlcPlayerView时间和进度刷新
- (void)updateTime
{
    // 设置剩余时间
    self.vlcPlayerView.remainingTime = [[_player.player remainingTime] stringValue];
    // 设置当前时间
    self.vlcPlayerView.currentTime = [[_player.player time] stringValue];
    // 设置当前进度
    self.vlcPlayerView.sliderValue = [_player.player position];
}

#pragma mark - -- KVO监听
// 添加监听
- (void)addObserver
{
    // 监听VLC对象属性（时间和播放）
    [_player.player addObserver:self forKeyPath:@"remainingTime" options:0 context:nil];
    [_player.player addObserver:self forKeyPath:@"isPlaying" options:0 context:nil];
}

// 移除监听
- (void)removeObserver
{
    [_player.player removeObserver:self forKeyPath:@"remainingTime"];
    [_player.player removeObserver:self forKeyPath:@"isPlaying"];
}

// kvo监听回调
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {

    // 可以在这里设置显示的时间和进度
    // position：VLCMediaPlayer对象中的进度比例，可用此值设置播放进度
//    NSLog(@"[_player.player position]:%lf",[_player.player position]);
    // remainingTime:VLCMediaPlayer对象中的剩余时间,stringValue可以转化为时间格式字符串
//    NSLog(@"[[_player.player remainingTime] stringValue]:%@",[[_player.player remainingTime] stringValue]);
    // time:VLCMediaPlayer对象中的当前时间
//    NSLog(@"[[_player.player time] stringValue]:%@", [[_player.player time] stringValue]);

//    NSLog(@"剩余的分钟：%@",[[_player.player remainingTime] minuteStringValue]);
//    NSLog(@"播放的分钟：%@",[[_player.player time] minuteStringValue]);
    // 记录当前进度
    self.currentProgress = [_player.player position];
    // 根据分钟计算播放的秒数（这里不够严格，还得加上秒数）
    self.videoCurrentTime = [[[_player.player time] minuteStringValue] intValue] * 60;
    // 根据剩余时间和已经播放的计算总秒数（这里不够严格，还得加上秒数）
    self.videoAllTime = [[[_player.player remainingTime] minuteStringValue] intValue]*60 + self.videoCurrentTime;

    // 有时候获取不到时间（个人想法是结合定时器和进度比例计算总时间等）
    // ...

    // 刷新最新时间和播放进度
    [self updateTime];
    // 停止菊花加载
    if (self.activityView.isAnimating) {
        [self.activityView stopAnimating];
    }
}

#pragma mark - 监听程序进入前台和后台
#pragma mark - VLCMediaPlayerDelegate
// 播放状态改变的回调
- (void)mediaPlayerStateChanged:(NSNotification *)aNotification
{
    /**
     *  VLCMediaPlayerStateStopped,        //< Player has stopped
     VLCMediaPlayerStateOpening,        //< Stream is opening
     VLCMediaPlayerStateBuffering,      //< Stream is buffering
     VLCMediaPlayerStateEnded,          //< Stream has ended
     VLCMediaPlayerStateError,          //< Player has generated an error
     VLCMediaPlayerStatePlaying,        //< Stream is playing
     VLCMediaPlayerStatePaused          //< Stream is paused
     */
    NSLog(@"mediaPlayerStateChanged");
    NSLog(@"状态：%ld",(long)_player.player.state);
    switch ((int)_player.player.state) {
        case VLCMediaPlayerStateStopped: // 停止播放（播放完毕或手动stop）
        {
            [_player.player stop]; // 手动调用一次停止(一遍再次点击播放)
            [self.vlcPlayerView changePlayBtnState:NO];
            if (self.activityView.isAnimating) {
                [self.activityView stopAnimating];
            }
        }
            break;
        case VLCMediaPlayerStateBuffering: // 播放中缓冲状态
        {
            // 显示菊花
            if (!self.activityView.isAnimating) {
                [self.activityView startAnimating];
            }
        }
            break;
        case VLCMediaPlayerStatePlaying: // 被暂停后开始播放
        {
            if (self.activityView.isAnimating) {
                [self.activityView stopAnimating];
            }
        }
            break;
        case VLCMediaPlayerStatePaused:  // 播放后被暂停
        {
            if (self.activityView.isAnimating) {
                [self.activityView stopAnimating];
            }
        }
            break;

    }
}

// 播放时间改变的回调
- (void)mediaPlayerTimeChanged:(NSNotification *)aNotification
{
//    NSLog(@"mediaPlayerTimeChanged");
}

@end

VLCPlayerView.h/VLCPlayerView.m(播放View设计)

//
//  VLCPlayerView.h
//  VLCDemo
//
//  Created by pocket on 16/6/28.
//  Copyright © 2016年 pocket. All rights reserved.
//

// VLC播放界面
#import <UIKit/UIKit.h>

@interface VLCPlayerView : UIView
/**
 *  承载视频的View
 */
@property (nonatomic,strong) UIView *playView;
/**
 *  视频名称
 */
@property (nonatomic,copy) NSString *videoName;
/**
 *  剩余时间
 */
@property (nonatomic,copy) NSString *remainingTime;
/**
 *  当前时间
 */
@property (nonatomic,copy) NSString *currentTime;
/**
 *  当前进度
 */
@property (nonatomic,assign) float sliderValue;
/**
 *  返回按钮监听回调
 */
@property (nonatomic,copy) void (^backBlock)(void);
/**
 *  屏幕锁监听回调
 */
@property (nonatomic,copy) void (^lockBlock)(UIButton *lockBtn);
/**
 *  播放（暂停）监听回调
 */
@property (nonatomic,copy) void (^playBlock)(UIButton *playBtn);
/**
 *  进度条监听回调
 */
@property (nonatomic,copy) void (^changeSliderBlock)(UISlider *sliderView);
/**
 *  拖动结束监听(progress：幅度,type: 3:右 ，4：左)
 */
@property (nonatomic,copy) void (^endPanGesture)(float progress,int type);
/**
 *  变更播放（暂停）按钮状态
 */
- (void)changePlayBtnState:(BOOL)select;
@end

//
//  VLCPlayerView.m
//  VLCDemo
//
//  Created by pocket on 16/6/28.
//  Copyright © 2016年 pocket. All rights reserved.
//

#import "VLCPlayerView.h"
#import "CustomSlider.h"

#define titleFontSize 15.0
#define titleColor [UIColor whiteColor]
#define backgroundViewColor RGB(0, 0, 0, 0.6)
#define space 15.0
#define alphaDef 0.5
#define viewHeight 60.0
#define gestureMinimumTranslation 20.0
// 定义滑动手势类型
typedef enum {
    PlayerMoveDirectionNone = 0,
    PlayerMoveDirectionUp,
    PlayerMoveDirectionDown,
    PlayerMoveDirectionRight,
    PlayerMoveDirectionLeft
}PlayerMoveDirection;

@interface VLCPlayerView()
/*********************顶部栏*************************************/
@property (nonatomic,strong) UIView *topView; // 顶部view
@property (nonatomic,strong) UIButton *backBtn; // 返回按钮
@property (nonatomic,strong) UILabel *nameLabel; // 名字

/*********************底部栏*************************************/
@property (nonatomic,strong) UIView *bottomView;// 底部View
// 开始播放(暂停)按钮
@property (nonatomic,strong) UIButton *playBtn;
@property (nonatomic,strong) CustomSlider *sliderView; // 滑动条
// 当前时间标签
@property (nonatomic,strong) UILabel *currentTimeLabel;
// 结束时间标签
@property (nonatomic,strong) UILabel *endTimeLabel;

/*********************快进/快退显示********************************/
@property (nonatomic,strong) UIView *baseView;// 快进/快退底View
@property (nonatomic,strong) UIButton *changeBtn;
@property (nonatomic,strong) UILabel *progressTitle;
@property (nonatomic,strong) UIProgressView *progressView;

// 屏幕锁
@property (nonatomic,strong) UIButton *lockBtn;

// sliderView是否正在滑动
@property (nonatomic,assign) BOOL isSliding;

// 滑动手势类型
@property (nonatomic,assign) PlayerMoveDirection moveDirection;
// 开始拖动的位置
@property (nonatomic,assign) CGPoint beginPoint;
// 当前拖动的位置
@property (nonatomic,assign) CGPoint currentPoint;
@end

@implementation VLCPlayerView

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setUI];
        // 添加手势
        [self addGesture];

        // 5秒后自动隐藏
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            if (self.topView.alpha>0.0) {
                [self oneGestureClick];
            }
        });
    }

    return self;
}

- (void)setUI
{
    // 承载视频view
    self.playView = [[UIView alloc] init];
    self.playView.backgroundColor = [UIColor blackColor];
    [self addSubview:self.playView];

    // 顶部View
    self.topView = [[UIView alloc] init];
    self.topView.backgroundColor = backgroundViewColor;
    [self addSubview:self.topView];
    // 名字
    self.nameLabel = [[UILabel alloc] init];
    self.nameLabel.textColor = titleColor;
    self.nameLabel.textAlignment = NSTextAlignmentCenter;
    self.nameLabel.font = [UIFont systemFontOfSize:titleFontSize];
    [self.topView addSubview:self.nameLabel];
    // 返回按钮
    self.backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.backBtn setImage:[UIImage imageNamed:@"ic_jt_bf"] forState:UIControlStateNormal];
    [self.backBtn addTarget:self action:@selector(backClick) forControlEvents:UIControlEventTouchUpInside];
    [self.topView addSubview:self.backBtn];

    // 底部view
    self.bottomView = [[UIView alloc] init];
    self.bottomView.backgroundColor = backgroundViewColor;
    [self addSubview:self.bottomView];
    // 暂停
    self.playBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.playBtn.selected = YES;
    [self.playBtn setImage:[UIImage imageNamed:@"ic_bf_zt"] forState:UIControlStateSelected];
    [self.playBtn setImage:[UIImage imageNamed:@"ic_bf_zt"] forState:UIControlStateNormal];
    [self.playBtn setAdjustsImageWhenHighlighted:NO]; // 设置无高亮状态
    [self.playBtn addTarget:self action:@selector(playBtnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.bottomView addSubview:self.playBtn];
    // 当前标签
    self.currentTimeLabel = [[UILabel alloc] init];
    self.currentTimeLabel.textColor = titleColor;
    self.currentTimeLabel.text = @"--:--";
    self.currentTimeLabel.textAlignment = NSTextAlignmentLeft;
    self.currentTimeLabel.font = [UIFont systemFontOfSize:titleFontSize];
    [self.bottomView addSubview:self.currentTimeLabel];
    // 结束标签
    self.endTimeLabel = [[UILabel alloc] init];
    self.endTimeLabel.textColor = titleColor;
    self.endTimeLabel.text = @"--:--";
    self.endTimeLabel.textAlignment = NSTextAlignmentRight;
    self.endTimeLabel.font = [UIFont systemFontOfSize:titleFontSize];
    [self.bottomView addSubview:self.endTimeLabel];
    // 滑动条
    self.sliderView = [[CustomSlider alloc] init];
    self.sliderView.minimumTrackTintColor = TedcallStorageProgressColor; // 设置滑动过的颜色
    self.sliderView.maximumTrackTintColor = [UIColor grayColor]; // 设置总长度颜色
    self.sliderView.thumbTintColor = RGB(255, 255, 255, 0.7); // 设置滑块颜色
    [self.sliderView addTarget:self action:@selector(slideringListening) forControlEvents:UIControlEventValueChanged];
    [self.sliderView addTarget:self action:@selector(sliderChange) forControlEvents:UIControlEventTouchUpInside];
    [self.bottomView addSubview:self.sliderView];

    // 快进/快退view
    self.baseView = [[UIView alloc] init];
    self.baseView.backgroundColor = backgroundViewColor;
    self.baseView.layer.cornerRadius = 8.0;
    self.baseView.layer.masksToBounds = YES;
    self.baseView.alpha = 0.0;
    [self addSubview:self.baseView];

    self.changeBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.changeBtn setImage:[UIImage imageNamed:@"ic_kj_bf"] forState:UIControlStateNormal];
    [self.changeBtn setImage:[UIImage imageNamed:@"ic_kt_bf"] forState:UIControlStateSelected];
    [self.baseView addSubview:self.changeBtn];

    self.progressTitle = [[UILabel alloc] init];
    self.progressTitle.textColor = titleColor;
    self.progressTitle.textAlignment = NSTextAlignmentCenter;
    self.progressTitle.font = [UIFont systemFontOfSize:titleFontSize];
//    self.progressTitle.text = @"30秒";
    [self.baseView addSubview:self.progressTitle];

    self.progressView = [[UIProgressView alloc] init];
    self.progressView.trackTintColor = [UIColor clearColor];
    self.progressView.progressTintColor = TedcallStorageProgressColor;
    [self.progressView setProgress:0.0];
    [self.baseView addSubview:self.progressView];

    // 屏幕锁
    self.lockBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.lockBtn setImage:[UIImage imageNamed:@"ic_sp_bf"] forState:UIControlStateNormal];
    [self.lockBtn setImage:[UIImage imageNamed:@"ic_ks_bf"] forState:UIControlStateSelected];
    [self.lockBtn addTarget:self action:@selector(lockClick) forControlEvents:UIControlEventTouchUpInside];
    [self addSubview:self.lockBtn];
}

- (void)setVideoName:(NSString *)videoName
{
    _videoName = videoName;
    self.nameLabel.text = videoName;
}

- (void)setCurrentTime:(NSString *)currentTime
{
    _currentTime = currentTime;
    self.currentTimeLabel.text = currentTime;
}

- (void)setRemainingTime:(NSString *)remainingTime
{
    _remainingTime = remainingTime;
    self.endTimeLabel.text = remainingTime;
}

- (void)setSliderValue:(float)sliderValue
{
    _sliderValue = sliderValue;
    if (!self.isSliding) { // 防止滑动过程中的手动设值
        [self .sliderView setValue:sliderValue animated:YES];
    }
}

// 返回按钮监听
- (void)backClick
{
    if (self.backBlock) {
        self.backBlock(); // block返回回调
    }
}

// 播放（暂停）监听
- (void)playBtnClick
{
    NSLog(@"twoGesture");
    self.playBtn.selected = !self.playBtn.selected;
    [self changePlayBtnState:self.playBtn.selected];
    if (self.playBlock) {
        self.playBlock(self.playBtn);
    }
}

// 屏幕锁监听
- (void)lockClick
{
    self.lockBtn.selected = !self.lockBtn.selected;
    if (self.lockBtn.selected) {
        self.playView.userInteractionEnabled = NO;
        [UIView transitionWithView:self.lockBtn duration:1.0 options:0 animations:^{
            self.topView.alpha = 0.0;
            self.bottomView.alpha = 0.0;
            self.lockBtn.alpha = 0.0;
        } completion:^(BOOL finished) {

        }];
    } else {
        self.topView.alpha = 1.0;
        self.bottomView.alpha = 1.0;
        self.playView.userInteractionEnabled = YES;
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [UIView transitionWithView:self.lockBtn duration:1.0 options:0 animations:^{
                self.topView.alpha = 0.0;
                self.bottomView.alpha = 0.0;
                self.lockBtn.alpha = 0.0;
            } completion:^(BOOL finished) {

            }];
        });
    }
}

- (void)changePlayBtnState:(BOOL)select
{
    self.playBtn.selected = select;
    if (select) {
        [self.playBtn setImage:[UIImage imageNamed:@"ic_bf_zt"] forState:UIControlStateNormal];
    } else {
        [self.playBtn setImage:[UIImage imageNamed:@"ic_bf_ks"] forState:UIControlStateNormal];
    }
}

// 滑动结束监听
- (void)sliderChange
{
//    NSLog(@"滑动结束");
    self.isSliding = NO;
    if (self.changeSliderBlock) {
        self.changeSliderBlock(self.sliderView);
    }
}

// 滑动监听
- (void)slideringListening
{
//    NSLog(@"正在滑动");
    if (!self.isSliding) {
        self.isSliding = YES;
    }

}

- (void)layoutSubviews
{
    [super layoutSubviews];

    CGFloat width = self.frame.size.width;
    CGFloat height = self.frame.size.height;

    // 承载视频View
    self.playView.frame = self.bounds;

    // 顶部view
    CGFloat topX = 0;
    CGFloat topY = 0;
    CGFloat topW = width;
    CGFloat topH = viewHeight - 10;
    self.topView.frame = CGRectMake(topX, topY, topW, topH);
    // 返回按钮
    CGFloat backW = 30.0;
    CGFloat backH = backW;
    CGFloat backX = space;
    CGFloat backY = (topH - backH)/2;
    self.backBtn.frame = CGRectMake(backX, backY, backW, backH);
    // 视频名称
    CGFloat nameX = space + CGRectGetMaxX(self.backBtn.frame);
    CGFloat nameH = 20.0;
    CGFloat nameW = width - 2*nameX;
    CGFloat nameY = (topH - nameH)/2;
    self.nameLabel.frame = CGRectMake(nameX, nameY, nameW, nameH);
    // 底部view
    CGFloat bottomX = 0;
    CGFloat bottomY = height - viewHeight;
    CGFloat bottomW = width;
    CGFloat bottomH = viewHeight;
    self.bottomView.frame = CGRectMake(bottomX, bottomY, bottomW, bottomH);
    // 播放（暂停）按钮
    CGFloat playW = 40.0;
    CGFloat playH = playW;
    CGFloat playX = space;
    CGFloat playY = (viewHeight - playH)/2;
    self.playBtn.frame = CGRectMake(playX, playY, playW, playH);
    // 滑动条
    CGFloat sliderX = space + CGRectGetMaxY(self.playBtn.frame);
    CGFloat sliderH = 6;
    CGFloat sliderW = width - sliderX - space;
    CGFloat sliderY = playY + playH/2 - 4;
    self.sliderView.frame = CGRectMake(sliderX, sliderY, sliderW, sliderH);
    // 当前标签
    CGFloat currentX = sliderX;
    CGFloat currentY = CGRectGetMaxY(self.sliderView.frame);
    CGFloat currentH = 20.0;
    CGFloat currentW = sliderW/2;
    self.currentTimeLabel.frame = CGRectMake(currentX, currentY, currentW, currentH);
    // 结束标签
    CGFloat endW = currentW;
    CGFloat endX = CGRectGetMaxX(self.sliderView.frame) - endW;
    CGFloat endY = currentY;
    CGFloat endH = currentH;
    self.endTimeLabel.frame = CGRectMake(endX, endY, endW, endH);

    // 快进/快退view
    CGFloat baseW = 140.0;
    CGFloat baseH = 74.0;
    CGFloat baseY = CGRectGetMaxY(self.topView.frame) + 20.0;
    CGFloat baseX = (width - baseW)/2;
    self.baseView.frame = CGRectMake(baseX, baseY, baseW, baseH);

    CGFloat changeW = 30.0;
    CGFloat changeH = 20.0;
    CGFloat changeX = (baseW - changeW)/2;
    CGFloat changeY = 8.0;
    self.changeBtn.frame = CGRectMake(changeX, changeY, changeW, changeH);

    CGFloat titleY = 8.0 + CGRectGetMaxY(self.changeBtn.frame);
    CGFloat titleX = 0;
    CGFloat titleW = baseW;
    CGFloat titleH = 20.0;
    self.progressTitle.frame = CGRectMake(titleX, titleY, titleW, titleH);

    CGFloat progressX = 3.0;
    CGFloat progressY = 8.0 + CGRectGetMaxY(self.progressTitle.frame);
    CGFloat progressW = baseW - 2*progressX;
    CGFloat progressH = 0.0;
    self.progressView.frame = CGRectMake(progressX, progressY, progressW, progressH);

    // 屏幕锁
    CGFloat lockX = space;
    CGFloat lockW = 50.0;
    CGFloat lockH = 50.0;
    CGFloat lockY = (height - lockH)/2;
    self.lockBtn.frame = CGRectMake(lockX, lockY, lockW, lockH);
}
#pragma mark - -- 手势操作
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    NSLog(@"touchesBegan");
    if (self.lockBtn.selected) { // 锁屏状态
        [UIView transitionWithView:self.lockBtn duration:1.0 options:0 animations:^{
            self.lockBtn.alpha = 1.0;
        } completion:^(BOOL finished) {
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                if (self.lockBtn.selected) {
                    [UIView transitionWithView:self.lockBtn duration:1.0 options:0 animations:^{
                        self.lockBtn.alpha = 0.0;
                    } completion:^(BOOL finished) {

                    }];
                }
            });
        }];
    }
}
// 添加手势处理
- (void)addGesture
{
    // 单点
    UITapGestureRecognizer *oneGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(oneGestureClick)];
    oneGesture.numberOfTapsRequired = 1; // 单击
    oneGesture.numberOfTouchesRequired = 1; // 单指单击
    [self.playView addGestureRecognizer:oneGesture];

    // 双击
    UITapGestureRecognizer *twoGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(playBtnClick)];
    twoGesture.numberOfTapsRequired = 2; // 双击
    twoGesture.numberOfTouchesRequired = 1; // 单指双击
    [self.playView addGestureRecognizer:twoGesture];

    // 长按
    UILongPressGestureRecognizer *longGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longGestureClick:)];
    longGesture.minimumPressDuration = 3.0; // 长按3秒触发
    [self.playView addGestureRecognizer:longGesture];

    // 拖动
    UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureClick:)];
    [self.playView addGestureRecognizer:panGesture];

    //解决拖动和长按手势之间的冲突
    [longGesture requireGestureRecognizerToFail:panGesture];
    // 解决单击和双击手势的冲突
    [oneGesture requireGestureRecognizerToFail:twoGesture];
}
// 单击手势监听
- (void)oneGestureClick
{
    NSLog(@"oneGestureClick");
    if (self.topView.alpha<=0.0) { // 显示
        // 动画显示
        [UIView transitionWithView:self.topView duration:1.0 options:0 animations:^{
            self.topView.alpha = 1.0;
            self.bottomView.alpha = 1.0;
            self.lockBtn.alpha = 1.0;
        } completion:^(BOOL finished) {
            // 5秒后自动隐藏
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                if (self.topView.alpha>0.0) {
                    [self oneGestureClick];
                }
            });
        }];
    } else {
        // 动画隐藏
        [UIView transitionWithView:self.topView duration:1.0 options:0 animations:^{
            self.topView.alpha = 0.0;
            self.bottomView.alpha = 0.0;
            self.lockBtn.alpha = 0.0;
        } completion:^(BOOL finished) {

        }];
    }
}

// 长按监听
- (void)longGestureClick:(UILongPressGestureRecognizer *)longGesture
{
    // 长按手势会调用多次监听方法，先判断手势状态
    if (longGesture.state == UIGestureRecognizerStateBegan) {
        NSLog(@"长按开始");
    }
}

// 拖动监听
- (void)panGestureClick:(UIPanGestureRecognizer *)panGesture
{
    CGPoint translation = [panGesture translationInView:self.playView]; // 取得相对位置的偏移点（相对位置为手指第一次在屏幕的点）
    NSLog(@"translation:%@",NSStringFromCGPoint(translation));
    if (panGesture.state == UIGestureRecognizerStateBegan){
        NSLog (@"滑动开始");
        self.beginPoint = translation;
        self.currentPoint = translation;
    }else if (panGesture.state == UIGestureRecognizerStateChanged){
        self.moveDirection = [self determineCameraDirectionIfNeeded:translation];
        switch (self.moveDirection) {
            case PlayerMoveDirectionDown:
                NSLog(@"PlayerMoveDirectionDown");
                break;
            case PlayerMoveDirectionUp:
                NSLog(@"PlayerMoveDirectionUp");
                break;
            case PlayerMoveDirectionRight:
            {
                NSLog(@"PlayerMoveDirectionRight");
                self.changeBtn.selected = NO;
                self.progressTitle.text = CustomLocalizedString(@"快进", nil);
                if (self.baseView.alpha == 0.0) {
                    self.baseView.alpha = 1.0;
                }
            }
                break;
            case PlayerMoveDirectionLeft:
            {
                NSLog(@"PlayerMoveDirectionLeft");
                self.changeBtn.selected = YES;
                self.progressTitle.text = CustomLocalizedString(@"快退", nil);
                if (self.baseView.alpha == 0.0) {
                    self.baseView.alpha = 1.0;
                }
            }
                break;
            default :
                break;
        }
        self.currentPoint = translation; // 刷新当前位置

    }else if (panGesture.state == UIGestureRecognizerStateEnded){
        NSLog (@"滑动结束");
        [UIView transitionWithView:self.baseView duration:1.0 options:0 animations:^{
            self.baseView.alpha = 0.0;
        } completion:^(BOOL finished) {

        }];
        if (self.endPanGesture) {
            self.endPanGesture(0.5,self.moveDirection);
        }
    }
}

- (PlayerMoveDirection) determineCameraDirectionIfNeeded:(CGPoint)translation
{
    // 设定一个幅度使拖动在不够水平（略微有点偏差）的方向上的处理，上下一般不处理
    if (translation.x > self.currentPoint.x && (fabs(translation.y - self.currentPoint.y) <= gestureMinimumTranslation)){ // 说明水平向右拖动了
        return PlayerMoveDirectionRight;
    }else if(translation.x < self.currentPoint.x && (fabs(translation.y - self.currentPoint.y) <= gestureMinimumTranslation)){ // 说明水平向左
        return PlayerMoveDirectionLeft;
    }else if (translation.x == self.currentPoint.x && translation.y > self.currentPoint.y) { // 向下
        return PlayerMoveDirectionDown;
    } else if (translation.x == self.currentPoint.x && translation.y < self.currentPoint.y) { // 向上
        return PlayerMoveDirectionUp;
    } else{
        return PlayerMoveDirectionNone;
    }
}

- (void)updateFastImage:(int)type
{
    if (type == 4) { // 左

    } else if (type == 3) { // 右

    }
}

@end
CustomSlider.h/CustomSlider.m(自定义滑块)

//
//  CustomSlider.h
//  TedcallStorage
//
//  Created by  tedcall on 16/6/28.
//  Copyright © 2016年 pocket. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface CustomSlider : UISlider

@end
//
//  CustomSlider.m
//  TedcallStorage
//
//  Created by  tedcall on 16/6/28.
//  Copyright © 2016年 pocket. All rights reserved.
//

#import "CustomSlider.h"

@implementation CustomSlider

- (void)drawRect:(CGRect)rect
{
    UIImageView *imageView = nil;
    // 取得滑块View
    for (UIView *view in self.subviews) {
        if ([view isKindOfClass:[UIImageView class]]) {
            if (view.frame.size.width == view.frame.size.height) {
                imageView = (UIImageView *)view;
            }
        }
    }

    if (imageView) { // 有值
        CGFloat redViewW = 8.0;
        CGFloat redViewH =redViewW;
        CGFloat redViewX = (imageView.frame.size.width - redViewW)/2;
        CGFloat redViewY = (imageView.frame.size.height - redViewH)/2;
        UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(redViewX, redViewY, redViewW, redViewH)];
        redView.backgroundColor = RGB(255, 255, 255, 0.7);
        redView.layer.cornerRadius = redViewW/2;
        redView.layer.masksToBounds = YES;
        [imageView addSubview:redView];
    }
}

// 重写进度条frame
- (CGRect)trackRectForBounds:(CGRect)bounds {
    return CGRectMake(0,0,bounds.size.width,6.0);
}

// 解决两边空隙问题
- (CGRect)thumbRectForBounds:(CGRect)bounds trackRect:(CGRect)rect value:(float)value
{
    rect.origin.x = rect.origin.x - 10 ;
    rect.size.width = rect.size.width +20;
    return CGRectInset ([super thumbRectForBounds:bounds trackRect:rect value:value], 10 , 10);
}

@end

文／Pocket（简书作者）
原文链接：http://www.jianshu.com/p/178627b085c3