[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
 


示意图:




发布了352 篇原创文章 · 获赞 33 · 访问量 59万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览