最近在仿做一個(gè)APP，其中使用到視頻流播放，原本是打算使用MPPlayer進(jìn)行在線播放出來的，但是發(fā)現(xiàn)iOS9之后以及不在支持MP了，剛好也沒怎么接觸過AVPlyer借此機(jī)會(huì)剛好學(xué)習(xí)一番棺蛛。因?yàn)锳VPlayer所有控件都是需要自定義，如果只是簡(jiǎn)單的播放視頻其實(shí)是不如MPPlayer方便的巩步。

實(shí)現(xiàn)過程

1. 簡(jiǎn)單點(diǎn)的MPPlayer

• 聲明一個(gè)MPMoviePlayerController 的屬性

@property (nonatomic, strong) MPMoviePlayerController *moviePlayer;
@property (nonatomic, strong) NSString *moviePath;//播放路徑

• 懶加載

 if (!_moviePlayer) {
        _moviePlayer = [[MPMoviePlayerController alloc]init];
        [_moviePlayer.view setFrame:CGRectMake(0, 300, self.view.bounds.size.width, self.view.bounds.size.height/3)];
        //設(shè)置自動(dòng)播放
        [_moviePlayer setShouldAutoplay:NO];
        //設(shè)置源類型 因?yàn)樾绿匦砸话愣际遣シ疟镜氐男∫曨l 所以設(shè)置源類型為file
        _moviePlayer.movieSourceType = MPMovieSourceTypeStreaming;

        [self.view addSubview:_moviePlayer.view];
    }
    return _moviePlayer;

如果只是播放暫停之類的幾乎是不需要自己做什么的旁赊，很簡(jiǎn)單。

• 設(shè)置播放源
  我是在set方法中設(shè)置的椅野，不過這個(gè)都無所謂终畅。

- (void)setMoviePath:(NSString *)moviePath{
    _moviePath = [moviePath copy];
    self.moviePlayer.view.backgroundColor = [UIColor clearColor];
    // 設(shè)置播放的路徑
    self.moviePlayer.contentURL = [NSURL URLWithString:moviePath];
    [self.moviePlayer prepareToPlay];
    [self.moviePlayer play];
}

• viewDidLoad調(diào)用

    self.moviePath = @"http://baobab.wdjcdn.com/1455782903700jy.mp4";

• 大功告成

MPPlyer播放

2.主角AVPlayer

• AVPlayer需要的屬性，這是播放器基礎(chǔ)

@property (nonatomic, strong) AVPlayer *player;
@property (nonatomic, strong) AVPlayerItem *playerItem;
@property (nonatomic, strong) AVPlayerLayer *playerLayer;

• 實(shí)現(xiàn)AVPlayer播放

     NSURL *url = [NSURL URLWithString:_playerUrl];
    _item = [[AVPlayerItem alloc] initWithURL:url];
    _player = [AVPlayer playerWithPlayerItem:_item];
    _playerLayer = [AVPlayerLayer playerLayerWithPlayer:_player];
    _playerLayer.videoGravity = AVLayerVideoGravityResizeAspect;
    [self.layer addSublayer:_playerLayer];
    [_player play];

雖然是可以播放視頻了但僅僅是能播放而已竟闪，暫停播放快進(jìn)等功能都沒有离福，下面對(duì)他進(jìn)行完善。

• 添加底部工具欄

@property (nonatomic, strong) UIView *toolView;//工具欄
@property (nonatomic, strong) UISlider *slider;//用來現(xiàn)實(shí)視頻的播放進(jìn)度
@property (nonatomic, assign) BOOL isShowToolView;//是否顯示工具欄
@property (nonatomic, strong) UIButton *playOrPause;//播放暫停按鈕

@property (nonatomic, strong) NSTimer *showTimer;//顯示工具欄時(shí)間
@property (nonatomic, strong) NSTimer *progressTimer;//進(jìn)度條計(jì)時(shí)器
@property (nonatomic, strong) UILabel *timerLabel;//播放時(shí)間
@property (nonatomic, strong) UILabel *allTimeLabel;//總時(shí)間
@property (nonatomic, strong) UIButton *bigPlayBtn;//中間播放按鈕
@property (nonatomic, strong) UIView *coverView;//遮蓋版

• 下面就是界面實(shí)現(xiàn)了

 //工具欄
        self.toolView = [[UIView alloc]initWithFrame:CGRectMake(0, self.bounds.size.height - kToolViewHieght, self.bounds.size.width, kToolViewHieght)];
        self.toolView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.8];
        [self addSubview:self.toolView];
        [self bringSubviewToFront:self.toolView];

  //播放按鈕
        self.playOrPause = [UIButton buttonWithType:UIButtonTypeCustom];
        [self.playOrPause setImage:[UIImage imageNamed:@"videoplay"] forState:UIControlStateNormal];
        [self.playOrPause setImage:[UIImage imageNamed:@"videopause"] forState:UIControlStateSelected];
        self.playOrPause.contentMode = UIViewContentModeCenter;
        [self.playOrPause addTarget:self action:@selector(playOrPauseClick:) forControlEvents:UIControlEventTouchUpInside];
        self.playOrPause.frame = CGRectMake(0, 0, 30, kToolViewHieght);
        [self.toolView addSubview:self.playOrPause];

• 其他控件

        self.timerLabel = [[UILabel alloc]initWithFrame:CGRectMake(30, 0, 40, kToolViewHieght)];
        self.timerLabel.font = [UIFont systemFontOfSize:10.0];
        self.timerLabel.textColor = [UIColor whiteColor];
        [self.toolView addSubview:self.timerLabel];
        
        self.allTimeLabel  =[[UILabel alloc]initWithFrame:CGRectMake(70, 0, 40, kToolViewHieght)];
        self.allTimeLabel.font = [UIFont systemFontOfSize:10.0];
        self.allTimeLabel.textColor = [UIColor whiteColor];
        [self.toolView addSubview:self.allTimeLabel];
        
        self.bigPlayBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        [self.bigPlayBtn setImage:[UIImage imageNamed:@"videoplay"] forState:UIControlStateNormal];
        [self.bigPlayBtn addTarget:self action:@selector(playOrPauseBigClick:) forControlEvents:UIControlEventTouchUpInside];
        self.bigPlayBtn.frame = self.bounds;
        self.bigPlayBtn.contentMode = UIViewContentModeScaleAspectFill;
        [self addSubview:self.bigPlayBtn];
        
        
        self.coverView.hidden = YES;
        self.toolView.alpha = 0;
        self.isShowToolView = NO;
        self.playOrPause.selected = NO;

• 進(jìn)度條

//懶加載進(jìn)度條
- (UISlider *)slider{
    if (!_slider) {
        _slider.backgroundColor = [UIColor whiteColor];
        _slider = [[UISlider alloc]initWithFrame:CGRectMake(110, 0, 200, kToolViewHieght)];
        //設(shè)置slider原點(diǎn)已經(jīng)最大點(diǎn)最小點(diǎn)圖片
        [_slider setThumbImage:[UIImage imageNamed:@"videothumb"] forState:UIControlStateNormal];
        [_slider addTarget:self action:@selector(touchDown:) forControlEvents:UIControlEventTouchDown];
        [_slider addTarget:self action:@selector(valueChange:) forControlEvents:UIControlEventValueChanged];
        [_slider addTarget:self action:@selector(touchUpInside:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _slider;
}

• 進(jìn)度條點(diǎn)擊方法

- (void)touchDown:(UISlider *)slider{
    // 按下去 移除監(jiān)聽器
    [self removeProgressTimer];
    [self removeShowTime];
}
- (void)valueChange:(UISlider *)slider{
    NSTimeInterval currentTime = CMTimeGetSeconds(self.player.currentItem.duration) * slider.value;
    self.timerLabel.text = [self timeToStringWithTimeInterval:currentTime];
}
- (void)touchUpInside:(UISlider *)slider{
    [self addProgressTimer];
    //計(jì)算當(dāng)前slider拖動(dòng)對(duì)應(yīng)的播放時(shí)間
    NSTimeInterval currentTime = CMTimeGetSeconds(self.player.currentItem.duration) * slider.value;
    // seekToTime:播放跳轉(zhuǎn)到當(dāng)前播放時(shí)間
    [self.player seekToTime:CMTimeMakeWithSeconds(currentTime, NSEC_PER_SEC) toleranceBefore:kCMTimeZero toleranceAfter:kCMTimeZero];
    [self toolViewShow];
}

• slider定時(shí)器

- (NSTimer *)progressTimer{
    if (!_progressTimer) {
        _progressTimer = [NSTimer timerWithTimeInterval:1.0 target:self selector:@selector(updateProgressInfo) userInfo:nil repeats:YES];
        [[NSRunLoop mainRunLoop]addTimer:self.progressTimer forMode:NSRunLoopCommonModes];
    }
    return _progressTimer;
}

• 更新slider和time

- (void)updateProgressInfo{
    NSTimeInterval currentTime = CMTimeGetSeconds(self.player.currentTime);
    NSTimeInterval durationTime = CMTimeGetSeconds(self.player.currentItem.duration);
    
    self.timerLabel.text = [self timeToStringWithTimeInterval:currentTime];
    self.allTimeLabel.text = [self timeToStringWithTimeInterval:durationTime];
    self.slider.value = CMTimeGetSeconds(self.player.currentTime)/CMTimeGetSeconds(self.player.currentItem.duration);
    
    if (self.slider.value == 1) {
        [self removeProgressTimer];
        self.coverView.hidden = NO;
    }
}

• 移除slider定時(shí)器

//移除slider定時(shí)器
- (void)removeProgressTimer{
    [self.progressTimer invalidate];
    self.progressTimer = nil;
}

• 播放器的手勢(shì)點(diǎn)擊

//手勢(shì)點(diǎn)擊
- (void)playTap:(UITapGestureRecognizer *)tap{
    //未播放狀態(tài)炼蛤，點(diǎn)擊view會(huì)直接播放
    if (self.player.status == AVPlayerStatusUnknown) {
        [self playOrPauseClick:self.playOrPause];
        return;
    }
    //記錄工具欄的是否隱藏
    self.isShowToolView = !self.isShowToolView;
    if (self.isShowToolView) {
        [UIView animateWithDuration:0.5 animations:^{
            self.toolView.alpha = 0.8;
        }];
        //工具欄的按鈕為播放狀態(tài)是妖爷，添加計(jì)時(shí)器，5秒之后自動(dòng)隱藏
        if (self.playOrPause.selected) {
            [self toolViewShow];
        }
    }else{
        [self removeShowTime];
        [UIView animateWithDuration:0.5 animations:^{
            self.toolView.alpha = 0;
        }];
    }
}

• 播放按鈕方法

- (void)playOrPauseClick:(UIButton *)btn{
    btn.selected = !btn.selected;
    if (!btn.selected) {
        self.toolView.alpha = 0.8;
        [self removeShowTime];
        [self.player pause];
        [self removeProgressTimer];
    }else{
        [self toolViewShow];
        [self.player play];
        [self addProgressTimer];
    }
}

• 中間播放按鈕的方法

//中間播放按鈕的方法
- (void)playOrPauseBigClick:(UIButton *)btn{
    btn.hidden = YES;
    self.playOrPause.selected = YES;
    [self.player replaceCurrentItemWithPlayerItem:self.playerItem];
    [self.player play];
    [self addProgressTimer];
}

• 工具欄的顯示及隱藏

- (void)toolViewShow{
    self.showTimer = [NSTimer scheduledTimerWithTimeInterval:5.0 target:self selector:@selector(toolViewHide) userInfo:nil repeats:NO];
    [[NSRunLoop mainRunLoop]addTimer:self.showTimer forMode:NSRunLoopCommonModes];
}
- (void)toolViewHide{
    self.isShowToolView = !self.isShowToolView;
    [UIView animateWithDuration:0.5 animations:^{
        self.toolView.alpha = 0;
    }];
    NSLog(@"工具欄隱藏");
}

• 添加遮罩視圖用于播放完成后

- (UIView *)coverView{
    if (!_coverView) {
        _coverView = [UIView new];
        _coverView.center = self.center;
        _coverView.bounds = CGRectMake(0, 0, 100, 100);
        _coverView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.9];
        [self addSubview:_coverView];
    }
    return _coverView;
}

• 在遮罩視圖上添加重播按鈕

        UIButton *ReplayBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        [ReplayBtn setImage:[UIImage imageNamed:@"chongshe"] forState:UIControlStateNormal];
        ReplayBtn.center = self.coverView.center;
        ReplayBtn.frame = CGRectMake(0, 0, 100, 100);
        [ReplayBtn addTarget:self action:@selector(rePlayClick) forControlEvents:UIControlEventTouchUpInside];
        [self.coverView addSubview:ReplayBtn];

• 重播按鈕的方法

- (void)rePlayClick{
    self.slider.value = 0;
    [self touchUpInside:self.slider];
    self.coverView.hidden = YES;
    [self playOrPauseBigClick:self.bigPlayBtn];
}

• 到這里一個(gè)帶有播放暫停重播等基本功能的播發(fā)器就完成了

完成效果圖

后記

• 上面是我用AVPlayer實(shí)現(xiàn)播放的一點(diǎn)心得理朋。demo做的很簡(jiǎn)陋絮识，有諸多的不足，需要完善的地方也有很多嗽上，主要是為了給大家提供一個(gè)思路拋磚引玉次舌，希望可以幫到大家。
• 慣例放上項(xiàng)目源碼還有我的個(gè)人網(wǎng)站兽愤，有需要的可以去看一下彼念。
• 參考文章iOS-視頻播放器的簡(jiǎn)單封裝