最近在琢磨视频播放,现在重新梳理下发出来。
现在实现的功能为:播放本地、网络视频,进度条,缓冲条,加载圈,暂停,开始,拖拽控制进度,滑动控制亮度及声音这些基本功能。
利用控件AVPlayer。
利用AVPlayer实现的视频播放需要三个控件,AVPlayer,AVPlayerItem,AVPlayerLayer,
其中player用于宏观调控,控制视频的播放暂停等,
item用于存储视频数据属性,比如视频播放的时长等
layer用于展示播放器图层,
可以类比MVC,player对应Controlelr,layer对应View,item对应Model,这样就很好理解了,
基本原理懂了以后就是开始搭建播放器了。
mItem = [AVPlayerItem playerItemWithURL:url];
mPlayer =[AVPlayer playerWithPlayerItem:mItem];
mLayer = [AVPlayerLayer playerLayerWithPlayer:mPlayer];
mLayer.frame = self.bounds;
mLayer.videoGravity = AVLayerVideoGravityResize;
[self.layer addSublayer:mLayer];
通过以上代码就能实现简单的视频播放,
这里需要注意的是videoGravity属性,用于管理你的视频填充方式,根据视频类型调整。
这里先将常用的观察者给大家说明一下:
其中:
1、status:用于判断视频状态,不过需要注意的是这里有两种状态,一种是播放数据的准备状态AVPlayerItemStatus,一种是播放器的准备状态AVPlayerStatus.一般都是根据AVPlayerItemStatus来判断视频是否可用,大家也可按需选择。
这里以AVPlayerItemStatus为例,status里面有三个状态
AVPlayerItemStatusReadyToPlay - 视频数据已准备好,随时可以播放,一般在这里开始视频的播放。
AVPlayerItemStatusUnknown - 视频资源未找到,
AVPlayerItemStatusFailed - 视频资源加载失败。
2、loadedTimeRanges:缓冲进度,可以通过此观察者设置缓冲条。
3、playbackBufferEmpty:在跳转播放时,数据不能加载成功,播放失败。一般在此处进行失败提示。
4、playbackLikelyToKeepUp:在跳转播放时,数据已缓冲好,随时可以播放,一般在此处将缓冲的加载圈停止。
5、addPeriodicTimeObserverForInterval,这个是AVPlayer自带的方法,可以查看播放的进度,可以用此方法控制进度条的前进后退等。
需要注意的是记得移除观察者,否则可能造成不可预知的bug。
以下是这部分的代码:#pragma mark - 添加通知
- (void)addObserver
{
// 视频播放状态
[mItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];
// 缓冲进度
[mItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
[mItem addObserver:self forKeyPath:@"playbackBufferEmpty" options:NSKeyValueObservingOptionNew context:nil];
[mItem addObserver:self forKeyPath:@"playbackLikelyToKeepUp" options:NSKeyValueObservingOptionNew context:nil];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(movieToEnd) name:AVPlayerItemDidPlayToEndTimeNotification object:nil];
}
// 添加时间观察者
- (void)addTimeObserver
{
// 当前播放时间
__weak UISlider * weakSlider = mSlider;
mTimeObserver = [mPlayer addPeriodicTimeObserverForInterval:CMTimeMake(1, 1) queue:nil usingBlock:^(CMTime time) {
double currentLength = time.value/(time.timescale*1.0);
weakSlider.value = currentLength/mTimeLength;
NSLog(@"%d",(int)time.value/time.timescale);
}];
}
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
dispatch_async(dispatch_get_main_queue(), ^{
// 确保回到主线程
AVPlayerItem *item = (AVPlayerItem *)object;
if ([keyPath isEqualToString:@"status"]) {
AVPlayerItemStatus status = item.status;
switch (status) {
case AVPlayerItemStatusReadyToPlay:
{
NSLog(@"AVPlayerItemStatusReadyToPlay");
mTimeLength = item.duration.value/(item.duration.timescale * 1.0);
[mPlayer play];
[mActivityView stopAnimating];
[self addTimeObserver];
}
break;
case AVPlayerItemStatusUnknown:
{
NSLog(@"AVPlayerItemStatusUnknown");
}
break;
case AVPlayerItemStatusFailed:
{
NSLog(@"AVPlayerItemStatusFailed");
NSLog(@"%@",mItem.error);
}
break;
default:
break;
}
} else if ([keyPath isEqualToString:@"loadedTimeRanges"]) {
NSLog(@"loadedTimeRanges");
// 设置缓冲条
[self setProgressValue];
} else if ([keyPath isEqualToString:@"playbackBufferEmpty"]) {
NSLog(@"playbackBufferEmpty");
// seekToTime后,缓冲数据为空,而且有效时间内数据无法补充,播放失败
}
else if ([keyPath isEqualToString:@"playbackLikelyToKeepUp"]) {
NSLog(@"playbackLikelyToKeepUp");
// seekToTime后,可以正常播放,相当于readyToPlay
[mActivityView stopAnimating];
}
});
}
进度条用的UISlider,进度条的进度是根据时间观察者调控的,具体可以看上面介绍的时间观察者代码。
这里需要注意的是,在拖动进度条的时候,需要用到方面seekToTime,用于跳到对应的时间,
而seekToTime需要传的参数是CMTime,CMTime通过CMTimeMake(2,1)来创建,前面的数字/后面的数字即为当前时间,也就是说CMTime是根据分数算时间的,还有好多其他用法,大家可自行研究学习。
以下为此部分核心代码:
[mSlider addTarget:self action:@selector(sliderChange) forControlEvents:UIControlEventValueChanged];
// 滑动slider
- (void)sliderChange
{
[mActivityView startAnimating];
[mPlayer seekToTime:CMTimeMake(mSlider.value * mTimeLength, 1)];
}
缓冲条用UIProgressView实现,
这里需要注意的是缓冲条和进度条的配合,slider两端设为透明,这样就能显示出下面的进度条了。
就是这个效果。
缓冲条的逻辑在观察者loadedTimeRanges里实现,具体代码如下:
- (void)setProgressValue
{
// 获取缓冲区域
CMTimeRange timeRange = [[mItem.loadedTimeRanges firstObject] CMTimeRangeValue];
double start = CMTimeGetSeconds(timeRange.start);
double duration = CMTimeGetSeconds(timeRange.duration);
// 设置缓冲条
if (mTimeLength == 0) {
mProgress.progress = 0;
}
else{
[mActivityView stopAnimating];
mProgress.progress = (start + duration)/mTimeLength;
}
}
这里用到的是拖动手势UIPanGestureRecognizer,并通过其滑动的方向来定义各个功能
逻辑不多,直接贴代码:
// 滑动屏幕
- (void)panChange:(UIPanGestureRecognizer *)pan
{
if (pan.state == UIGestureRecognizerStateBegan) {
// 开始
mBegainPoint = [pan locationInView:self];
[mActivityView startAnimating];
}
else if (pan.state == UIGestureRecognizerStateChanged) {
// 改变
}
else if (pan.state == UIGestureRecognizerStateEnded) {
// 结束
mEndPoint = [pan locationInView:self];
[self controlSlidePurpose];
}
}
// 控制滑动的目的:
-(void)controlSlidePurpose
{
if (fabs(mEndPoint.x - mBegainPoint.x) > fabs(mEndPoint.y - mBegainPoint.y)) {
// 快进or快退
double current = mPlayer.currentTime.value/mPlayer.currentTime.timescale;
[mPlayer seekToTime:CMTimeMake(current+(mEndPoint.x - mBegainPoint.x), 1)];
}
else if (mBegainPoint.x < self.bounds.size.width/2){
// 亮度调整(通过添加图层并调整alpha即可,这里并没写)
}
else if (mBegainPoint.x > self.bounds.size.width/2){
// 声音调整
if (mEndPoint.y - mBegainPoint.y >0) {
mPlayer.volume -= 0.2;
}
else
mPlayer.volume += 0.2;
/*
mPlayer.volume
这个可以控制音量 但官方推荐使用 MPVolumeView
*/
}
}
都是基本功能,所以代码并不多,两三百行代码足够了,需要注意的是各种情况的判断以及加载圈出现消除的时机,做好实现一个简单的播放器并不困难。
接下来就是功能优化了,下载,缓存,等等,有时间在慢慢优化吧。
1、视频播放失败,提示AVPlayerItemStatusFailed
在从test工程移到自己的工程时,发现视频播放失败,AVPlayerItemStatusFailed总是提示失败,查了好久才解决
在plist文件里添加属性
NSAppTransportSecurity
NSAllowsArbitraryLoads