首先，新建一個view繼承于UIView，然后此時新建的文件中View的Layer屬性還是CALayer
需要把Layer改為AVPlayerLayer類，并且重寫set，get方法
在實現文件中添加一下幾個方法
/**獲取AVPlayerLayer的layer
*? @returns 返回AVPlayerLayer對象
*/
+ (Class)layerClass {
return [AVPlayerLayer class];
}
/**重寫get方法
*/
- (AVPlayer *)player {
return [(AVPlayerLayer *)[self layer] player];
}
/**重寫set方法
*/
- (void)setPlayer:(AVPlayer *)player {
[(AVPlayerLayer *)[self layer] setPlayer:player];
}
在 interface中聲明所需要宏，實例變量
#define kTimeLableZreo? ? ? ? ? ? ? @"00:00/00:00"
@interface MJPlayerView()
@property (nonatomic,strong) UIView*? ? ? ? ? ? ? ? ? ? ? bottomControlView;? ? ? ? ? ? ? ? //底部控制界面
@property (nonatomic,strong) UISlider*? ? ? ? ? ? ? ? ? ? timeProgress;? ? ? ? ? ? ? ? ? ? ? //進度條
@property (nonatomic,strong) UILabel*? ? ? ? ? ? ? ? ? ? ? timeLabel;? ? ? ? ? ? ? ? ? ? ? ? //時間顯示label
@property (nonatomic,strong) UIButton*? ? ? ? ? ? ? ? ? ? playBtn;? ? ? ? ? ? ? ? ? ? ? ? ? //播放按鈕
@property (nonatomic,strong) UIButton*? ? ? ? ? ? ? ? ? ? fullScreenBtn;? ? ? ? ? ? ? ? ? ? //全屏按鈕
@property (nonatomic,strong) AVPlayerItem *? ? ? ? ? ? ? playerItem;? ? ? ? ? ? ? ? ? ? ? ? //AVPlyaer的播放資源
@property (nonatomic,strong) NSTimer*? ? ? ? ? ? ? ? ? ? ? playLabelTime;? ? ? ? ? ? ? ? ? ? //獲取播放時間的NSTime
@property (nonatomic,strong) NSTimer*? ? ? ? ? ? ? ? ? ? ? sliderTime;? ? ? ? ? ? ? ? ? ? ? ? //獲取進度條時間的NSTime
@end
之后進行界面的布置，直接使用 Masonry 對界面進行布置
#pragma Mark----用代碼初始化頁面
-(void)initMJPlayerFrame:(CGRect)frame
{
self.backgroundColor = [UIColor blackColor];
//集合底部控件的view，所有底部控件全在該view上
self.bottomControlView = [UIView new];
[self addSubview:self.bottomControlView];
[self.bottomControlView mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.mas_offset(UIEdgeInsetsMake(frame.size.height-30, 0, 00, 00));
}];
//添加播放器控件
self.timeProgress = [UISlider new];
self.timeProgress.minimumValue = 0;
self.timeProgress.maximumValue = 1;
[self.timeProgress addTarget:self action:@selector(sliderChange:) forControlEvents:UIControlEventValueChanged];
self.timeProgress.minimumTrackTintColor = [UIColor whiteColor];
self.timeProgress.maximumTrackTintColor = [UIColor grayColor];
[self.timeProgress setThumbImage:[UIImage imageNamed:@""] forState:UIControlStateNormal];
[self.timeProgress setThumbImage:[UIImage imageNamed:@"MJPlayer_slider"] forState:UIControlStateHighlighted];
[self.bottomControlView addSubview:self.timeProgress];
[self.timeProgress mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.mas_offset(UIEdgeInsetsMake(0, 40, 0, 40));
}];
//添加播放按鈕
self.playBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[self.playBtn setImage:[UIImage imageNamed:@"MJPlayer_play"] forState:UIControlStateNormal];
[self.playBtn setImage:[UIImage imageNamed:@"MJPlayer_pause"] forState:UIControlStateSelected];
[self.playBtn addTarget:self action:@selector(playOrPause:) forControlEvents:UIControlEventTouchUpInside];
[self.bottomControlView addSubview:self.playBtn];
[self.playBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.bottomControlView).offset(12);
make.top.equalTo(self.bottomControlView).offset(6);
make.width.equalTo(@(18));
make.height.equalTo(@(20));
}];
//添加全屏按鈕
self.fullScreenBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[self.fullScreenBtn setImage:[UIImage imageNamed:@"MJPlayer_fullscreen"] forState:UIControlStateNormal];
[self.fullScreenBtn setImage:[UIImage imageNamed:@"MJPlayer_shrinkscreen"] forState:UIControlStateSelected];
[self.fullScreenBtn addTarget:self action:@selector(fullScreenOrShrinkScreen:) forControlEvents:UIControlEventTouchUpInside];
[self.bottomControlView addSubview:self.fullScreenBtn];
[self.fullScreenBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.equalTo(self.bottomControlView).offset(-12);
make.top.equalTo(self.bottomControlView).offset(8);
make.width.equalTo(@(15));
make.height.equalTo(@(15));
}];
}
界面完成之后要對AVPlayer進行初始化，主要是對AVPlayerItem
//AVPlyaer的當前播放資源，也就是AVPlayer的currentItem，它包括視頻的總時間，播放時間，等各種信息
AVPlayerItem *playerItem;
/**初始化播放器
*
*? @param vedioUrlStr 從外部傳入的視頻url地址
*/
-(void)initMJPlayer:(NSString*)vedioUrlStr
{
NSURL *videoUrl = [NSURL URLWithString:vedioUrlStr];
//playerItem獲取視頻的信息
self.playerItem = [AVPlayerItem playerItemWithURL:videoUrl];
//給playerItem這個播放資源注冊觀察，status基本用到兩種
//1.AVPlayerStatusReadyToPlay? ? 表示視頻已經可以正確播放，
//2.AVPlayerStatusFailed? ? ? ? ? ? ? 表示視頻初始化失敗
[self.playerItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];
//可以監聽到視頻的緩沖進度
[self.playerItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
//監聽播放器處于緩沖數據的狀態，可在此控制顯示菊花
[self.playerItem addObserver:self forKeyPath:@"playbackBufferEmpty" options:NSKeyValueObservingOptionNew context:nil];
//緩沖已經OK了的監聽
[self.playerItem addObserver:self forKeyPath:@"playbackLikelyToKeepUp" options:NSKeyValueObservingOptionNew context:nil];
//播放完成的通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(playFinished:) name:AVPlayerItemDidPlayToEndTimeNotification object:self.player.currentItem];
//將設置好的item賦予player
self.player = [AVPlayer playerWithPlayerItem:self.playerItem];
}
針對已經添加的監聽實現對應的方法
#pragma Mark----監聽playerItem屬性
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
AVPlayerItem *playerItem = (AVPlayerItem *)object;
if ([playerItem status] == AVPlayerStatusReadyToPlay) {
[self listenTimeChange];
} else if ([playerItem status] == AVPlayerStatusFailed) {
//.....
}else if ([keyPath isEqualToString:@"loadedTimeRanges"]) {
//監聽播放器的下載進度
NSArray *loadedTimeRanges = [playerItem loadedTimeRanges];
//獲取緩沖區域
CMTimeRange timeRange = [loadedTimeRanges.firstObject CMTimeRangeValue];
float startSeconds = CMTimeGetSeconds(timeRange.start);
float durationSeconds = CMTimeGetSeconds(timeRange.duration);
//計算緩沖總進度
NSTimeInterval timeInterval = startSeconds + durationSeconds;
CMTime duration = playerItem.duration;
CGFloat totalDuration = CMTimeGetSeconds(duration);
NSLog(@"下載進度：%.2f", timeInterval / totalDuration);
} else if ([keyPath isEqualToString:@"playbackBufferEmpty"]) {
//監聽播放器在緩沖數據的狀態
} else if ([keyPath isEqualToString:@"playbackLikelyToKeepUp"]) {
[self.player play];
}
}
控件布局之后，對控件方法進行實現
#pragma Mark----timeProgress滑動停止事件
-(void)sliderChange:(UISlider*)sender
{
CGFloat totalTime = self.playerItem.duration.value / self.playerItem.duration.timescale;
CMTime changedTime = CMTimeMakeWithSeconds(totalTime*sender.value, 1);
[self.player seekToTime:changedTime completionHandler:^(BOOL finished) {
}];
}
#pragma Mark----playBtn播放按鈕點擊事件
-(void)playOrPause:(UIButton*)sender
{
if (!sender.selected) {
[self.player play];
}else
{
[self.player pause];
}
sender.selected = !sender.selected;
}
#pragma Mark----fullScreenBtn全屏按鈕點擊事件
-(void)fullScreenOrShrinkScreen:(UIButton*)sender
{
sender.selected = !sender.selected;
if (_mjPlayerViewDelegate&&[_mjPlayerViewDelegate respondsToSelector:@selector(fullScreenOrShrinkScreenDelegate:)]) {
[_mjPlayerViewDelegate fullScreenOrShrinkScreenDelegate:sender];
}
}
#pragma Mark----播放完成的通知
-(void)playFinished:(NSNotification*)notif
{
//未完待續
}
全屏按鈕點擊使用delegate前往viewController實現
-(void)fullScreenOrShrinkScreenDelegate:(UIButton *)sender
{
if (sender.selected) {
[self.navigationController setNavigationBarHidden:YES];
[[UIDevice currentDevice] setValue:@(UIInterfaceOrientationLandscapeLeft) forKey:@"orientation"];
self.playerView1.frame = CGRectMake(0, 0,kMainScreen_Width ,kMainScreen_Height );
}else
{
[self.navigationController setNavigationBarHidden:NO];
self.playerView1.frame = CGRectMake(0, 0,kMainScreen_Height , kMainScreen_Width/2);
[[UIDevice currentDevice] setValue:@(UIInterfaceOrientationPortrait) forKey:@"orientation"];
}
[UIViewController attemptRotationToDeviceOrientation];
}
除了按鈕及滑動事件之外，另外一個很重要的元素就是進度條所顯示的時間，這邊使用label來顯示，以下是計算label的顯示時間
//監控時間變化
-(void)listenTimeChange
{
__weak typeof (self)self_ = self;
self.playLabelTime = [self.player addPeriodicTimeObserverForInterval:CMTimeMake(1, 1) queue:NULL usingBlock:^(CMTime time) {
CGFloat playTime = self_.player.currentTime.value/self_.player.currentTime.timescale;
CGFloat totalTime = self_.playerItem.duration.value / self_.playerItem.duration.timescale;
CGFloat percent = playTime/totalTime;
self_.timeLabel.text = [NSString stringWithFormat:@"%@/%@",[self_ changeTime:playTime],[self_ changeTime:totalTime]];
self_.timeProgress.value = percent;
}];
}
//時間轉換成播放時間
- (NSString *)changeTime:(CGFloat)time{
NSDate *timeDate = [NSDate dateWithTimeIntervalSince1970:time];
NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
if (time/3600 >= 1) {
[formatter setDateFormat:@"HH:mm:ss"];
} else {
[formatter setDateFormat:@"mm:ss"];
}
return [formatter stringFromDate:timeDate];
}
