// // ZFCustomControlView.m // ZFPlayer_Example // // Created by 紫枫 on 2019/6/5. // Copyright © 2019 紫枫. All rights reserved. // #import "ZFCustomControlView.h" #import "UIView+ZFFrame.h" #import "ZFUtilities.h" //#import //#import #import "ZFPlayerController.h" #import "ZFPlayerConst.h" #import "ZFSliderView.h" #import "UIImageView+ZFCache.h" @interface ZFCustomControlView () /// 底部工具栏 @property (nonatomic, strong) UIView *bottomToolView; /// 顶部工具栏 @property (nonatomic, strong) UIView *topToolView; /// 标题 @property (nonatomic, strong) UILabel *titleLabel; /// 播放或暂停按钮 @property (nonatomic, strong) UIButton *playOrPauseBtn; /// 播放的当前时间 @property (nonatomic, strong) UILabel *currentTimeLabel; /// 滑杆 @property (nonatomic, strong) ZFSliderView *slider; /// 视频总时间 @property (nonatomic, strong) UILabel *totalTimeLabel; /// 全屏按钮 @property (nonatomic, strong) UIButton *fullScreenBtn; @property (nonatomic, assign) BOOL isShow; @property (nonatomic, assign) BOOL controlViewAppeared; @property (nonatomic, strong) dispatch_block_t afterBlock; @property (nonatomic, assign) NSTimeInterval sumTime; /// 底部播放进度 @property (nonatomic, strong) ZFSliderView *bottomPgrogress; /// 加载loading @property (nonatomic, strong) ZFSpeedLoadingView *activity; /// 封面图 @property (nonatomic, strong) UIImageView *coverImageView; @end @implementation ZFCustomControlView @synthesize player = _player; - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // 添加子控件 [self addSubview:self.topToolView]; [self addSubview:self.bottomToolView]; [self addSubview:self.playOrPauseBtn]; [self.topToolView addSubview:self.titleLabel]; [self.bottomToolView addSubview:self.currentTimeLabel]; [self.bottomToolView addSubview:self.slider]; [self.bottomToolView addSubview:self.totalTimeLabel]; [self.bottomToolView addSubview:self.fullScreenBtn]; [self addSubview:self.bottomPgrogress]; [self addSubview:self.activity]; self.autoFadeTimeInterval = 0.2; self.autoHiddenTimeInterval = 2.5; // 设置子控件的响应事件 [self makeSubViewsAction]; [self resetControlView]; self.clipsToBounds = YES; } return self; } - (void)makeSubViewsAction { [self.playOrPauseBtn addTarget:self action:@selector(playPauseButtonClickAction:) forControlEvents:UIControlEventTouchUpInside]; [self.fullScreenBtn addTarget:self action:@selector(fullScreenButtonClickAction:) forControlEvents:UIControlEventTouchUpInside]; } #pragma mark - ZFSliderViewDelegate - (void)sliderTouchBegan:(float)value { self.slider.isdragging = YES; } - (void)sliderTouchEnded:(float)value { if (self.player.totalTime > 0) { @zf_weakify(self) [self.player seekToTime:self.player.totalTime*value completionHandler:^(BOOL finished) { @zf_strongify(self) if (finished) { self.slider.isdragging = NO; } }]; } else { self.slider.isdragging = NO; } } - (void)sliderValueChanged:(float)value { if (self.player.totalTime == 0) { self.slider.value = 0; return; } self.slider.isdragging = YES; NSString *currentTimeString = [ZFUtilities convertTimeSecond:self.player.totalTime*value]; self.currentTimeLabel.text = currentTimeString; } - (void)sliderTapped:(float)value { if (self.player.totalTime > 0) { self.slider.isdragging = YES; @zf_weakify(self) [self.player seekToTime:self.player.totalTime*value completionHandler:^(BOOL finished) { @zf_strongify(self) if (finished) { self.slider.isdragging = NO; [self.player.currentPlayerManager play]; } }]; } else { self.slider.isdragging = NO; self.slider.value = 0; } } #pragma mark - action - (void)playPauseButtonClickAction:(UIButton *)sender { [self playOrPause]; } - (void)fullScreenButtonClickAction:(UIButton *)sender { [self.player enterFullScreen:!self.player.isFullScreen animated:YES]; } /// 根据当前播放状态取反 - (void)playOrPause { self.playOrPauseBtn.selected = !self.playOrPauseBtn.isSelected; self.playOrPauseBtn.isSelected? [self.player.currentPlayerManager play]: [self.player.currentPlayerManager pause]; } - (void)playBtnSelectedState:(BOOL)selected { self.playOrPauseBtn.selected = selected; } #pragma mark - 添加子控件约束 - (void)layoutSubviews { [super layoutSubviews]; CGFloat min_x = 0; CGFloat min_y = 0; CGFloat min_w = 0; CGFloat min_h = 0; CGFloat min_view_w = self.bounds.size.width; CGFloat min_view_h = self.bounds.size.height; CGFloat min_margin = 9; self.coverImageView.frame = self.bounds; min_w = 80; min_h = 80; self.activity.frame = CGRectMake(min_x, min_y, min_w, min_h); self.activity.zf_centerX = self.zf_centerX; self.activity.zf_centerY = self.zf_centerY + 10; min_x = 0; min_y = 0; min_w = min_view_w; min_h = (iPhoneX && self.player.isFullScreen) ? 80 : 40; self.topToolView.frame = CGRectMake(min_x, min_y, min_w, min_h); min_x = self.player.isFullScreen ? 40: 15; min_y = 0; min_w = min_view_w - min_x - 15; min_h = 30; self.titleLabel.frame = CGRectMake(min_x, min_y, min_w, min_h); self.titleLabel.zf_centerY = self.topToolView.zf_centerY; min_h = (iPhoneX && self.player.isFullScreen) ? 100 : 40; min_x = 0; min_y = min_view_h - min_h; min_w = min_view_w; self.bottomToolView.frame = CGRectMake(min_x, min_y, min_w, min_h); min_x = 0; min_y = 0; min_w = 44; min_h = min_w; self.playOrPauseBtn.frame = CGRectMake(min_x, min_y, min_w, min_h); self.playOrPauseBtn.center = self.center; min_x = (iPhoneX && self.player.isFullScreen) ? 44: 15; min_w = 62; min_h = 28; min_y = (self.bottomToolView.zf_height - min_h)/2; self.currentTimeLabel.frame = CGRectMake(min_x, min_y, min_w, min_h); min_w = 28; min_h = min_w; min_x = self.bottomToolView.zf_width - min_w - ((iPhoneX && self.player.isFullScreen) ? 44: min_margin); min_y = 0; self.fullScreenBtn.frame = CGRectMake(min_x, min_y, min_w, min_h); self.fullScreenBtn.zf_centerY = self.currentTimeLabel.zf_centerY; min_w = 62; min_h = 28; min_x = self.fullScreenBtn.zf_left - min_w - 4; min_y = 0; self.totalTimeLabel.frame = CGRectMake(min_x, min_y, min_w, min_h); self.totalTimeLabel.zf_centerY = self.currentTimeLabel.zf_centerY; min_x = self.currentTimeLabel.zf_right + 4; min_y = 0; min_w = self.totalTimeLabel.zf_left - min_x - 4; min_h = 30; self.slider.frame = CGRectMake(min_x, min_y, min_w, min_h); self.slider.zf_centerY = self.currentTimeLabel.zf_centerY; min_x = 0; min_y = min_view_h - 1; min_w = min_view_w; min_h = 1; self.bottomPgrogress.frame = CGRectMake(min_x, min_y, min_w, min_h); if (!self.isShow) { self.topToolView.zf_y = -self.topToolView.zf_height; self.bottomToolView.zf_y = self.zf_height; self.playOrPauseBtn.alpha = 0; } else { self.topToolView.zf_y = 0; self.bottomToolView.zf_y = self.zf_height - self.bottomToolView.zf_height; self.playOrPauseBtn.alpha = 1; } } #pragma mark - private /** 重置ControlView */ - (void)resetControlView { self.bottomToolView.alpha = 1; self.slider.value = 0; self.slider.bufferValue = 0; self.currentTimeLabel.text = @"00:00"; self.totalTimeLabel.text = @"00:00"; self.backgroundColor = [UIColor clearColor]; self.playOrPauseBtn.selected = YES; self.titleLabel.text = @""; } - (void)showControlView { self.topToolView.alpha = 1; self.bottomToolView.alpha = 1; self.isShow = YES; self.topToolView.zf_y = 0; self.bottomToolView.zf_y = self.zf_height - self.bottomToolView.zf_height; self.playOrPauseBtn.alpha = 1; self.player.statusBarHidden = NO; } - (void)hideControlView { self.isShow = NO; self.topToolView.zf_y = -self.topToolView.zf_height; self.bottomToolView.zf_y = self.zf_height; self.player.statusBarHidden = NO; self.playOrPauseBtn.alpha = 0; self.topToolView.alpha = 0; self.bottomToolView.alpha = 0; } - (void)autoFadeOutControlView { self.controlViewAppeared = YES; [self cancelAutoFadeOutControlView]; @zf_weakify(self) self.afterBlock = dispatch_block_create(0, ^{ @zf_strongify(self) [self hideControlViewWithAnimated:YES]; }); dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(self.autoHiddenTimeInterval * NSEC_PER_SEC)), dispatch_get_main_queue(),self.afterBlock); } /// 取消延时隐藏controlView的方法 - (void)cancelAutoFadeOutControlView { if (self.afterBlock) { dispatch_block_cancel(self.afterBlock); self.afterBlock = nil; } } /// 隐藏控制层 - (void)hideControlViewWithAnimated:(BOOL)animated { self.controlViewAppeared = NO; [UIView animateWithDuration:animated ? self.autoFadeTimeInterval : 0 animations:^{ [self hideControlView]; } completion:^(BOOL finished) { self.bottomPgrogress.hidden = NO; }]; } /// 显示控制层 - (void)showControlViewWithAnimated:(BOOL)animated { self.controlViewAppeared = YES; [self autoFadeOutControlView]; [UIView animateWithDuration:animated ? self.autoFadeTimeInterval : 0 animations:^{ [self showControlView]; } completion:^(BOOL finished) { self.bottomPgrogress.hidden = YES; }]; } - (BOOL)shouldResponseGestureWithPoint:(CGPoint)point withGestureType:(ZFPlayerGestureType)type touch:(nonnull UITouch *)touch { CGRect sliderRect = [self.bottomToolView convertRect:self.slider.frame toView:self]; if (CGRectContainsPoint(sliderRect, point)) { return NO; } return YES; } /** 设置标题、封面、全屏模式 @param title 视频的标题 @param coverUrl 视频的封面,占位图默认是灰色的 @param fullScreenMode 全屏模式 */ - (void)showTitle:(NSString *)title coverURLString:(NSString *)coverUrl fullScreenMode:(ZFFullScreenMode)fullScreenMode { UIImage *placeholder = [ZFUtilities imageWithColor:[UIColor colorWithRed:220/255.0 green:220/255.0 blue:220/255.0 alpha:1] size:self.coverImageView.bounds.size]; [self resetControlView]; [self layoutIfNeeded]; [self setNeedsDisplay]; self.titleLabel.text = title; self.player.orientationObserver.fullScreenMode = fullScreenMode; [self.player.currentPlayerManager.view.coverImageView setImageWithURLString:coverUrl placeholder:placeholder]; } /// 调节播放进度slider和当前时间更新 - (void)sliderValueChanged:(CGFloat)value currentTimeString:(NSString *)timeString { self.slider.value = value; self.currentTimeLabel.text = timeString; self.slider.isdragging = YES; [UIView animateWithDuration:0.3 animations:^{ self.slider.sliderBtn.transform = CGAffineTransformMakeScale(1.2, 1.2); }]; } /// 滑杆结束滑动 - (void)sliderChangeEnded { self.slider.isdragging = NO; [UIView animateWithDuration:0.3 animations:^{ self.slider.sliderBtn.transform = CGAffineTransformIdentity; }]; } #pragma mark - ZFPlayerControlViewDelegate /// 手势筛选,返回NO不响应该手势 - (BOOL)gestureTriggerCondition:(ZFPlayerGestureControl *)gestureControl gestureType:(ZFPlayerGestureType)gestureType gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer touch:(nonnull UITouch *)touch { CGPoint point = [touch locationInView:self]; if (self.player.isSmallFloatViewShow && !self.player.isFullScreen && gestureType != ZFPlayerGestureTypeSingleTap) { return NO; } return [self shouldResponseGestureWithPoint:point withGestureType:gestureType touch:touch]; } /// 单击手势事件 - (void)gestureSingleTapped:(ZFPlayerGestureControl *)gestureControl { if (!self.player) return; if (self.player.isSmallFloatViewShow && !self.player.isFullScreen) { [self.player enterFullScreen:YES animated:YES]; } else { if (self.controlViewAppeared) { [self hideControlViewWithAnimated:YES]; } else { /// 显示之前先把控制层复位,先隐藏后显示 [self hideControlViewWithAnimated:NO]; [self showControlViewWithAnimated:YES]; } } } /// 双击手势事件 - (void)gestureDoubleTapped:(ZFPlayerGestureControl *)gestureControl { [self playOrPause]; } /// 捏合手势事件,这里改变了视频的填充模式 - (void)gesturePinched:(ZFPlayerGestureControl *)gestureControl scale:(float)scale { if (scale > 1) { self.player.currentPlayerManager.scalingMode = ZFPlayerScalingModeAspectFill; } else { self.player.currentPlayerManager.scalingMode = ZFPlayerScalingModeAspectFit; } } /// 准备播放 - (void)videoPlayer:(ZFPlayerController *)videoPlayer prepareToPlay:(NSURL *)assetURL { [self hideControlViewWithAnimated:NO]; } /// 播放状态改变 - (void)videoPlayer:(ZFPlayerController *)videoPlayer playStateChanged:(ZFPlayerPlaybackState)state { if (state == ZFPlayerPlayStatePlaying) { [self playBtnSelectedState:YES]; /// 开始播放时候判断是否显示loading if (videoPlayer.currentPlayerManager.loadState == ZFPlayerLoadStateStalled) { [self.activity startAnimating]; } else if ((videoPlayer.currentPlayerManager.loadState == ZFPlayerLoadStateStalled || videoPlayer.currentPlayerManager.loadState == ZFPlayerLoadStatePrepare)) { [self.activity startAnimating]; } } else if (state == ZFPlayerPlayStatePaused) { [self playBtnSelectedState:NO]; /// 暂停的时候隐藏loading [self.activity stopAnimating]; } else if (state == ZFPlayerPlayStatePlayFailed) { [self.activity stopAnimating]; } } /// 加载状态改变 - (void)videoPlayer:(ZFPlayerController *)videoPlayer loadStateChanged:(ZFPlayerLoadState)state { if (state == ZFPlayerLoadStatePrepare) { self.coverImageView.hidden = NO; } else if (state == ZFPlayerLoadStatePlaythroughOK || state == ZFPlayerLoadStatePlayable) { self.coverImageView.hidden = YES; self.player.currentPlayerManager.view.backgroundColor = [UIColor blackColor]; } if (state == ZFPlayerLoadStateStalled && videoPlayer.currentPlayerManager.isPlaying) { [self.activity startAnimating]; } else if ((state == ZFPlayerLoadStateStalled || state == ZFPlayerLoadStatePrepare) && videoPlayer.currentPlayerManager.isPlaying) { [self.activity startAnimating]; } else { [self.activity stopAnimating]; } } /// 播放进度改变回调 - (void)videoPlayer:(ZFPlayerController *)videoPlayer currentTime:(NSTimeInterval)currentTime totalTime:(NSTimeInterval)totalTime { if (!self.slider.isdragging) { NSString *currentTimeString = [ZFUtilities convertTimeSecond:currentTime]; self.currentTimeLabel.text = currentTimeString; NSString *totalTimeString = [ZFUtilities convertTimeSecond:totalTime]; self.totalTimeLabel.text = totalTimeString; self.slider.value = videoPlayer.progress; } self.bottomPgrogress.value = videoPlayer.progress; } /// 缓冲改变回调 - (void)videoPlayer:(ZFPlayerController *)videoPlayer bufferTime:(NSTimeInterval)bufferTime { self.slider.bufferValue = videoPlayer.bufferProgress; self.bottomPgrogress.bufferValue = videoPlayer.bufferProgress; } - (void)videoPlayer:(ZFPlayerController *)videoPlayer presentationSizeChanged:(CGSize)size { } /// 视频view即将旋转 - (void)videoPlayer:(ZFPlayerController *)videoPlayer orientationWillChange:(ZFOrientationObserver *)observer { if (videoPlayer.isSmallFloatViewShow) { if (observer.isFullScreen) { self.controlViewAppeared = NO; [self cancelAutoFadeOutControlView]; } } if (self.controlViewAppeared) { [self showControlViewWithAnimated:NO]; } else { [self hideControlViewWithAnimated:NO]; } } /// 视频view已经旋转 - (void)videoPlayer:(ZFPlayerController *)videoPlayer orientationDidChanged:(ZFOrientationObserver *)observer { if (self.controlViewAppeared) { [self showControlViewWithAnimated:NO]; } else { [self hideControlViewWithAnimated:NO]; } [self layoutIfNeeded]; [self setNeedsDisplay]; } /// 锁定旋转方向 - (void)lockedVideoPlayer:(ZFPlayerController *)videoPlayer lockedScreen:(BOOL)locked { [self showControlViewWithAnimated:YES]; } #pragma mark - setter - (void)setPlayer:(ZFPlayerController *)player { _player = player; } #pragma mark - getter - (UIView *)topToolView { if (!_topToolView) { _topToolView = [[UIView alloc] init]; UIImage *image = ZFPlayer_Image(@"ZFPlayer_top_shadow"); _topToolView.layer.contents = (id)image.CGImage; } return _topToolView; } - (UILabel *)titleLabel { if (!_titleLabel) { _titleLabel = [[UILabel alloc] init]; _titleLabel.textColor = [UIColor whiteColor]; _titleLabel.font = [UIFont systemFontOfSize:15.0]; } return _titleLabel; } - (UIView *)bottomToolView { if (!_bottomToolView) { _bottomToolView = [[UIView alloc] init]; UIImage *image = ZFPlayer_Image(@"ZFPlayer_bottom_shadow"); _bottomToolView.layer.contents = (id)image.CGImage; } return _bottomToolView; } - (UIButton *)playOrPauseBtn { if (!_playOrPauseBtn) { _playOrPauseBtn = [UIButton buttonWithType:UIButtonTypeCustom]; [_playOrPauseBtn setImage:ZFPlayer_Image(@"new_allPlay_44x44_") forState:UIControlStateNormal]; [_playOrPauseBtn setImage:ZFPlayer_Image(@"new_allPause_44x44_") forState:UIControlStateSelected]; } return _playOrPauseBtn; } - (UILabel *)currentTimeLabel { if (!_currentTimeLabel) { _currentTimeLabel = [[UILabel alloc] init]; _currentTimeLabel.textColor = [UIColor whiteColor]; _currentTimeLabel.font = [UIFont systemFontOfSize:14.0f]; _currentTimeLabel.textAlignment = NSTextAlignmentCenter; } return _currentTimeLabel; } - (ZFSliderView *)slider { if (!_slider) { _slider = [[ZFSliderView alloc] init]; _slider.delegate = self; _slider.maximumTrackTintColor = [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:0.8]; _slider.bufferTrackTintColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:0.5]; _slider.minimumTrackTintColor = [UIColor whiteColor]; [_slider setThumbImage:ZFPlayer_Image(@"ZFPlayer_slider") forState:UIControlStateNormal]; _slider.sliderHeight = 2; } return _slider; } - (UILabel *)totalTimeLabel { if (!_totalTimeLabel) { _totalTimeLabel = [[UILabel alloc] init]; _totalTimeLabel.textColor = [UIColor whiteColor]; _totalTimeLabel.font = [UIFont systemFontOfSize:14.0f]; _totalTimeLabel.textAlignment = NSTextAlignmentCenter; } return _totalTimeLabel; } - (UIButton *)fullScreenBtn { if (!_fullScreenBtn) { _fullScreenBtn = [UIButton buttonWithType:UIButtonTypeCustom]; [_fullScreenBtn setImage:ZFPlayer_Image(@"ZFPlayer_fullscreen") forState:UIControlStateNormal]; } return _fullScreenBtn; } - (UIImageView *)coverImageView { if (!_coverImageView) { _coverImageView = [[UIImageView alloc] init]; _coverImageView.userInteractionEnabled = YES; _coverImageView.contentMode = UIViewContentModeScaleAspectFit; } return _coverImageView; } - (ZFSliderView *)bottomPgrogress { if (!_bottomPgrogress) { _bottomPgrogress = [[ZFSliderView alloc] init]; _bottomPgrogress.maximumTrackTintColor = [UIColor clearColor]; _bottomPgrogress.minimumTrackTintColor = [UIColor whiteColor]; _bottomPgrogress.bufferTrackTintColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:0.5]; _bottomPgrogress.sliderHeight = 1; _bottomPgrogress.isHideSliderBlock = NO; } return _bottomPgrogress; } @end