[IOS]对视频、音频播放器添加缓冲进度条

[IOS]对视频、音频播放器添加缓冲进度条

Demo地址：http://download.csdn.net/detail/u012881779/8854967

思路说起来很简单：

先拖一个Progress View控件，设置它的Progress Tint和Track Tint；

再拖一个Horizontal Slider覆盖在ProgressView上面，设置它的Min Track Tint 同时设置Max Track Tint为Clear Color(为了透过控件看见背后progressView的背景);

最后分别设置一下各进度的值就OK了。

Min Track Tint（播放进度）、Progress Tint（缓冲进度）、Track Tint（进度条背景）。

@interface AVVideoViewController: UIViewController
@property (weak, nonatomic) IBOutlet UISlider       *mScrubber;     //播放进度
@property (weak, nonatomic) IBOutlet UIProgressView *cacheProgressV;//缓冲进度
@end

@implementation AVVideoViewController

- (void)syncScrubber
{
    /*播放进度*/
	CMTime playerDuration = [self playerItemDuration];
	if (CMTIME_IS_INVALID(playerDuration)) 
	{
		mScrubber.minimumValue = 0.0;
        [self showStarLabletimeToEndLableTime:0.0 end:0.0];
		return;
	} 
    
	double duration = CMTimeGetSeconds(playerDuration);
	if (isfinite(duration))
	{
		float minValue = [self.mScrubber minimumValue];
		float maxValue = [self.mScrubber maximumValue];
		double time = CMTimeGetSeconds([self.mPlayer currentTime]);
		[self showStarLabletimeToEndLableTime:time end:duration];
		[self.mScrubber setValue:(maxValue - minValue) * time / duration + minValue];
	}

    /*缓冲进度*/
    NSTimeInterval timeInterval = [self availableDuration];
    NSLog(@"Time I nterval:%f",timeInterval);
    CMTime duration11 = self.mPlayerItem.duration;
    CGFloat totalDuration = CMTimeGetSeconds(duration11);
    [_cacheProgressV setProgress:timeInterval / totalDuration animated:YES];
}

// 计算缓冲进度
- (NSTimeInterval)availableDuration {
    NSArray *loadedTimeRanges = [[self.mPlayer currentItem] loadedTimeRanges];
    CMTimeRange timeRange = [loadedTimeRanges.firstObject CMTimeRangeValue];// 获取缓冲区域
    float startSeconds = CMTimeGetSeconds(timeRange.start);
    float durationSeconds = CMTimeGetSeconds(timeRange.duration);
    
    NSTimeInterval result = startSeconds + durationSeconds;// 计算缓冲总进度
    
    return result;
}

@end
 

示意图：