1. 程式人生 > >AVPlayer 本地、網路視訊播放相關

AVPlayer 本地、網路視訊播放相關

原文連結:http://www.jianshu.com/p/de418c21d33c

iOS開發常用的兩種視訊播放方式,一種是使用MPMoviePlayerController,還有就是使用AVPlayer。MPMoviePlayerController系統高度封裝使用起來很方便,但是如果要高度自定義播放器就比較麻煩。而AVPlayer則恰好相反,靈活性更強,使用起來也麻煩一點。本文將對AVPlayer的使用做個簡單的介紹。

1、AVPlayer載入播放視訊

AVPlayer繼承NSObject,所以單獨使用AVPlayer時無法顯示視訊的,必須將視訊圖層新增到AVPlayerLayer中方能顯示視訊。使用AVPlayer首先了解一下幾個常用的類:

AVAsset:AVAsset類專門用於獲取多媒體的相關資訊,包括獲取多媒體的畫面、聲音等資訊。
AVURLAsset:AVAsset的子類,可以根據一個URL路徑建立一個包含媒體資訊的AVURLAsset物件。
AVPlayerItem:一個媒體資源管理物件,管理者視訊的一些基本資訊和狀態,一個AVPlayerItem對應著一個視訊資源。

AVPlayer載入視訊的程式碼如下:

    AVPlayerItem *playerItem = [AVPlayerItem playerItemWithURL:[NSURL URLWithString:@"http://bos.nj.bpc.baidu.com/tieba-smallvideo/11772_3c435014fb2dd9a5fd56a57cc369f6a0.mp4"
]]; //新增監聽 [playerItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil]; [playerItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil]; self.avPlayer = [AVPlayer playerWithPlayerItem:playerItem]; AVPlayerLayer
*playerLayer = [AVPlayerLayer playerLayerWithPlayer:self.avPlayer]; //設定模式 playerLayer.videoGravity = AVLayerVideoGravityResizeAspectFill; playerLayer.contentsScale = [UIScreen mainScreen].scale; playerLayer.frame = CGRectMake(0, 100, self.view.bounds.size.width, 200); [self.view.layer addSublayer:playerLayer]; //監聽回撥 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context { AVPlayerItem *playerItem = (AVPlayerItem *)object; if ([keyPath isEqualToString:@"loadedTimeRanges"]){ }else if ([keyPath isEqualToString:@"status"]){ if (playerItem.status == AVPlayerItemStatusReadyToPlay){ NSLog(@"playerItem is ready"); [self.avPlayer play]; } else{ NSLog(@"load break"); } } }

此處程式碼中添加了對AVPlayerItem的"loadedTimeRanges"和"status"屬性監聽,status列舉值有 AVPlayerItemStatusUnknown,AVPlayerItemStatusReadyToPlay, AVPlayerItemStatusFailed。只有當status為AVPlayerItemStatusReadyToPlay是呼叫 AVPlayer的play方法視訊才能播放。

執行效果

D82C00B0-4D83-4B1A-82EC-B245F15F40E0.png

2、AVPlayer當前緩衝進度以及當前播放進度的處理

獲取視訊當前的緩衝進度:

通過監聽AVPlayerItem的"loadedTimeRanges",可以實時知道當前視訊的進度緩衝,計算方法如下:

- (NSTimeInterval)availableDurationWithplayerItem:(AVPlayerItem *)playerItem
{
    NSArray *loadedTimeRanges = [playerItem loadedTimeRanges];
    CMTimeRange timeRange = [loadedTimeRanges.firstObject CMTimeRangeValue];// 獲取緩衝區域
    NSTimeInterval startSeconds = CMTimeGetSeconds(timeRange.start);
    NSTimeInterval durationSeconds = CMTimeGetSeconds(timeRange.duration);
    NSTimeInterval result = startSeconds + durationSeconds;// 計算緩衝總進度
    return result;
}
獲取視訊當前的播放進度:
    //視訊當前的播放進度
    NSTimeInterval current = CMTimeGetSeconds(self.avPlayer.currentTime);
    //視訊的總長度
    NSTimeInterval total = CMTimeGetSeconds(self.avPlayer.currentItem.duration);

AVPlayer提供了一個Block回撥,當播放進度改變的時候回主動回撥該Block,但是當視訊卡頓的時候是不會回撥的,可以在該回調裡面處理進度條以及播放時間的重新整理,詳細方法如下:

     __weak __typeof(self) weakSelf = self;
    [self.avPlayer addPeriodicTimeObserverForInterval:CMTimeMake(1, 1) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
        //當前播放的時間
        NSTimeInterval current = CMTimeGetSeconds(time);
        //視訊的總時間
        NSTimeInterval total = CMTimeGetSeconds(weakSelf.avPlayer.currentItem.duration);
        //設定滑塊的當前進度
        weakSelf.slider.sliderPercent = current/total;
        NSLog(@"%f", weakSelf.slider.sliderPercent);
       //設定時間
        weakSelf.timeLabel.text = [NSString stringWithFormat:@"%@/%@", [weakSelf formatPlayTime:current], [weakSelf formatPlayTime:total]];
    }];


//將時間轉換成00:00:00格式
- (NSString *)formatPlayTime:(NSTimeInterval)duration
{
    int minute = 0, hour = 0, secend = duration;
    minute = (secend % 3600)/60;
    hour = secend / 3600;
    secend = secend % 60;
    return [NSString stringWithFormat:@"%02d:%02d:%02d", hour, minute, secend];
}
改變視訊當前的播放進度:

當滑塊滑動的時候需要改變當前視訊的播放進度,程式碼如下:

//處理滑塊
- (void)progressValueChange:(AC_ProgressSlider *)slider
{
       //當視訊狀態為AVPlayerStatusReadyToPlay時才處理(當視訊沒載入的時候,直接禁止掉滑塊事件)
       if (self.avPlayer.status == AVPlayerStatusReadyToPlay) {
        NSTimeInterval duration = self.slider.sliderPercent* CMTimeGetSeconds(self.avPlayer.currentItem.duration);
        CMTime seekTime = CMTimeMake(duration, 1);

        [self.avPlayer seekToTime:seekTime completionHandler:^(BOOL finished) {

        }];
    }
}
播放進度控制元件的定製:

該控制元件應該包含4個部分,總進度、緩衝進度、當前播放進度還有一個滑塊。效果圖如下:


08D61DA5-5645-4B1D-A170-ABAAB6088B19.png


最簡單的實現方式是UIProgressView跟UISlider兩個控制元件疊加起來,效果不是太好。demo是自定義的UIControl,詳細實現方式請檢視demo中的AC_ProgressSlider類。

當視訊卡頓的時候處理旋轉loading方法:

上面說過- (id)addPeriodicTimeObserverForInterval:(CMTime)interval queue:(nullable dispatch_queue_t)queue usingBlock:(void (^)(CMTime time))block;該方法在卡頓的時候不會回撥,所以只用該方法處理不了這種情況。我好像也沒找到相關的api,所以demo中採用的是開啟定時器,然後用一個lastTime保留當前的播放進度,當下次呼叫的時候用lastTime跟當前的進度進行比較,如果相等說明播放卡頓了,程式碼如下:

    self.link = [CADisplayLink displayLinkWithTarget:self selector:@selector(upadte)];
    [self.link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

//更新方法
- (void)upadte
{
    NSTimeInterval current = CMTimeGetSeconds(self.avPlayer.currentTime);
    NSTimeInterval total = CMTimeGetSeconds(self.avPlayer.currentItem.duration);
   //如果使用者在手動滑動滑塊,則不對滑塊的進度進行設定重繪
    if (!self.slider.isSliding) {
        self.slider.sliderPercent = current/total;
    }

    if (current!=self.lastTime) {
        [self.activity stopAnimating];
        self.timeLabel.text = [NSString stringWithFormat:@"%@/%@", [self formatPlayTime:current], [self formatPlayTime:total]];
    }else{
        [self.activity startAnimating];
    }
    self.lastTime = current;
}

3、AVPlayer播放暫停的處理

這個比較簡單、 分別是pause和play方法

//播放暫停按鈕
- (void)playOrPauseAction:(UIButton *)sender
{
    sender.selected = !sender.selected;

    if (self.avPlayer.rate == 1) {
        [self.avPlayer pause];
        self.link.paused = YES;
        [self.activity stopAnimating];
    } else {
        [self.avPlayer play];
        self.link.paused = NO;
    }
}

4、AVPlayer播放完成的處理

新增通知即可

 //播放完成通知
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(moviePlayDidEnd)
                                                 name:AVPlayerItemDidPlayToEndTimeNotification
                                               object:nil];

5、更換當前播放的AVPlayerItem

當視訊播放完時或者使用者切換不同的視訊時候就要更換當前的視訊,程式碼如下:

//切換當前播放的內容
- (void)changeCurrentplayerItemWithAC_VideoModel:(AC_VideoModel *)model
{
    if (self.avPlayer) {

        //由暫停狀態切換時候 開啟定時器,將暫停按鈕狀態設定為播放狀態
        self.link.paused = NO;
        self.playButton.selected = NO;

        //移除當前AVPlayerItem對"loadedTimeRanges"和"status"的監聽
        [self removeObserveWithPlayerItem:self.avPlayer.currentItem];
        AVPlayerItem *playerItem = [AVPlayerItem playerItemWithURL:model.url];
        [self addObserveWithPlayerItem:playerItem];
        self.avPlayerItem = playerItem;
        //更換播放的AVPlayerItem
        [self.avPlayer replaceCurrentItemWithPlayerItem:playerItem];

        self.playButton.enabled = NO;
        self.slider.enabled = NO;
    }
}


文/阿聰o(簡書作者)
原文連結:http://www.jianshu.com/p/de418c21d33c
著作權歸作者所有,轉載請聯絡作者獲得授權,並標註“簡書作者”。