iOS视频播放(二)
这篇文章介绍一下基于
AVPlayer
的视频播放器。
先上Demo,点击我的GitHub下载Demo。
AVPlayer介绍
AVPlayer最大的优势是能够定制播放器的界面样式。AVPlayer本身是不能播放视频的,要播放视频,必须创建一个AVPlayerLayer,将AVPlayerLayer添加到控制器视图才能播放。除了AVPlayer和AVPlayerLayer,还需要一个类AVPlayerItem。AVPlayerItem是媒体资源管理对象,管理视频的一些基本信息和状态,一个AVPlayerItem对应着一个视频资源。
创建好AVPlayer、AVPlayerLayer、AVPlayerItem对象之后就能开始播放视频。下面一一介绍播放暂停、播放时间、缓冲进度等功能。
ToolBar.png1、播放/暂停
使用视频URL初始化一个AVPlayerItem,把AVPlayerItem设置为AVPlayer的currentItem,然后通过KVO监听AVPlayerItem的属性[playerItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil]
,当属性变为AVPlayerStatusReadyToPlay
时,通过AVPlayer调用- (void)play
方法即可播放视频。
AVPlayer的- (void)play
和- (void)pause
分别控制播放和暂停,根据AVPlayer的播放速度rate可以判断当前是否为播放状态,rate=0暂停,rate=1播放。视频播放完成后AVPlayerItem会发送AVPlayerItemDidPlayToEndTimeNotification
通知。
2、视频时间
视频时间包含两部分:视频总时间和视频当前播放时间。视频总时间通过CMTimeGetSeconds(_player.currentItem.duration)
获取,当前播放时间通过CMTimeGetSeconds(_player.currentTime)
获取。
获取到这两个时间,就可以展示视频播放进度。播放进度需要一秒更新一次,可以用定时器来更新,也可以用AVPlayer的方法- (id)addPeriodicTimeObserverForInterval:(CMTime)interval queue:(nullable dispatch_queue_t)queue usingBlock:(void (^)(CMTime time))block
在Block里更新。建议使用这个方法更新时间,因为它更新时间更加准确,使用block的参数time
获得准确的播放进度。
获取播放进度之后,分别给显示时间的Label和UISlider赋值,用户可以拖动UISlider对视频进行拖动播放,在拖拽结束之后,使用- (void)seekToTime:(CMTime)time toleranceBefore:(CMTime)toleranceBefore toleranceAfter:(CMTime)toleranceAfter
让视频从拖拽到的地方开始播放。
3、缓冲进度
通过KVO监听AVPlayerItem的loadedTimeRanges属性来监听缓冲进度更新,在KVO中添加下面代码获取当前缓冲进度。
NSArray *array = _player.currentItem.loadedTimeRanges;
CMTimeRange timeRange = [array.firstObject CMTimeRangeValue];//本次缓冲时间范围
NSTimeInterval startSeconds = CMTimeGetSeconds(timeRange.start);//本次缓冲起始时间
NSTimeInterval durationSeconds = CMTimeGetSeconds(timeRange.duration);//缓冲时间
NSTimeInterval totalBuffer = startSeconds + durationSeconds;//缓冲总长度
float totalTime = CMTimeGetSeconds(_player.currentItem.duration);//视频总长度
float progress = totalBuffer/totalTime;//缓冲进度
4、视频切换
每个AVPlayer只能播放一个视频,切换视频可以用- (void)replaceCurrentItemWithPlayerItem:(AVPlayerItem *)item
来实现。
播放器代码已经上传了我的GitHub,欢迎下载,这里就不贴代码了。
** 全屏播放效果:**
全屏播放.png