iOS流媒体开发的二:滑动手势控制音量、亮度和速度。基于AVPlayer播放器实现(MJPlayer)– (三)手势调节。

尊重知识,转发呼吁注明出处:iOS流媒体开发之二:滑动手势控制音量、亮度和进度

今昔App视频中常用到手势滑动来控制音量和屏幕亮度,简单实现产


既是滑动控制,那么得理解滑动的矛头,一般左边上下滑动为亮度,右边上下滑动为音量,左右滑为尽早上赶紧推。

概要

于极度初步的时刻带入头文件,才会使MPVolumeView

观文章的题目,小伙伴等大致会产生少数栽反应:①即时同流媒体技术没关系吧②网及发出好多斯力量的兑现方案。
1、对第一种植反应,从开发者的角度看这个实在不属流媒体技术界,但是对用户来讲是既是圈视频时理所当然应该有职能,密不可分,鉴于用户就上帝,所以这绝对属于流媒体范畴.
2、仲栽反应确实是事实,但是能真全面兑现之未多。有6s
Plus的伴儿可以打开爱奇艺或新浪微博,随便打开一个视频,手势增大音量出现音量无法调节到绝可怜之bug,会剩余4格音量,只能先调节到那个有些的轻重再次增大才好交最特别音量,当然是是网以6s上之一个bug,但不用无法化解,即使是爱奇艺和新浪啊不曾宏观兑现(您收看这个文章的时刻发或曾经修复此bug)。还有一点一般的落实方案是增长UIPanGestureRecognizer手势,这个方案一经只是略的视频播放器或者写一个Demo完全没有问题,可是在一个粗复杂点的视频播放器会惹众多题材,后面再说,因此我此提供任何一样栽方案。


初浪微博手势调节音量bug.png

#import<MediaPlayer/MediaPlayer.h>

思考

首先来定义一个枚举来判定滑动方向

是力量对发出一些开销经历的食指的话并无为难,只要勤快点,别遇到点难题没怎么想就失找寻第三方库,都好因自己搞个八九勿离开十。我这边想经过这效果于大家介绍自己平常缓解一些题材的心路历程,希望能辅助到大家的不但是技巧自,还有平等栽缓解问题的力。对于好“废话少说,直接上代码”的同伴,这篇稿子或会见被你有些不好受,因为在我看来代码一轻柔不值,值钱的凡咱的思,别急,咱们慢慢来。

// 枚举值,包含水平走方向以及直运动方向

  • 剖析问题,抽离本质
    当我们用到此要求的时节,首先不要想自己之所以哪类可兑现,我一旦上加在谁view上,我们先是使分析出这问题之真面目,对于手势调节这个题目的本来面目很粗略,就是用户左右、上下滑动时因手指运动的趋向及偏移量改变音量等设置。
  • 捋顺逻辑,列有方案
    剖析产生问题之实质后,依然不要错过思以及代码有关的事务,接着我们若想处理问题之逻辑并给起一个当下看来可行的方案。我平常会见招来一张白纸,画有草图帮助记忆与晓,当然就多次想用xmind等思想导图,但是发现尚是一步一个脚印的白纸适合我,小伙伴等方可根据我选择,只要能辅助捋顺思路就是足以了。
    第一步我们要检测到手指在屏幕上的滑动,可以使用UIPanGestureRecognizer手势,前面说了这个会引起很多问题,比如一个视频播放器不仅仅有滑动手势还是单击、双击、左滑退出UINavigationController,各种手势会冲突,其次我们有时会在拖动前或者结束后处理一些事情在再执行拖动,虽然UIPanGestureRecognizer有UIGestureRecognizerStateBegan、UIGestureRecognizerStateEnded这些状态,可是手指点击屏幕没有滑动的时候无法触发,因此我最后弃用这个方案,改为使用- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;系列方法,具体实现看后面代码; 第二步要判断用户向哪个方向移动了,以便调用相应的设置,这可以根据手指在上下左右的偏移量来计算,我的方案是设置一个初始偏移量的数值,比如30,上下左右哪个方向偏移量先到达30,手势就设定为对应的方向; 第三步就是调用对应的方法去改变音量、亮度和进度了,具体实现看后面。

typedef NS_ENUM(NSInteger, PanDirection){

行动

PanDirectionHorizontalMoved, // 横向移动

逻辑通了,方案有了,现在开走动吧,首先你如果发只可播放视频demo,最好是点播视频,可参照上篇博文:iOS流媒体开发有:总结系统提供的接口,这里不赘述。

PanDirectionVerticalMoved    // 纵向移动

  • 自打定义一个UIButton
    俺们得以视频及补偿加一个透明底button来捕捉与应用户的点击滑动屏幕的轩然大波,同时在.h文件被扬言一个代理,向相应的页面传递自定义button的响应事件,代码如下:

};

.h文件


    #import <UIKit/UIKit.h>

    @protocol ZYLButtonDelegate <NSObject>

    /**
     * 开始触摸
     */
    - (void)touchesBeganWithPoint:(CGPoint)point;

    /**
     * 结束触摸
     */
    - (void)touchesEndWithPoint:(CGPoint)point;

    /**
     * 移动手指
     */
    - (void)touchesMoveWithPoint:(CGPoint)point;

    @end

    @interface ZYLButton : UIButton

    /**
     * 传递点击事件的代理
     */
    @property (weak, nonatomic) id <ZYLButtonDelegate> touchDelegate;

    @end

当性能这边

.m文件
#import “ZYLButton.h”

@property (nonatomic,strong) UIPanGestureRecognizer* panGes;           
//控制音量和亮度手势

    @implementation ZYLButton

    //触摸开始
    - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
        [super touchesBegan:touches withEvent:event];
        //获取触摸开始的坐标
        UITouch *touch = [touches anyObject];
        CGPoint currentP = [touch locationInView:self];
        [self.touchDelegate touchesBeganWithPoint:currentP];
    }

    //触摸结束
    - (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
        [super touchesEnded:touches withEvent:event];
        UITouch *touch = [touches anyObject];
        CGPoint currentP = [touch locationInView:self];
        [self.touchDelegate touchesEndWithPoint:currentP];
    }

    //移动
    - (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event {
        UITouch *touch = [touches anyObject];
        CGPoint currentP = [touch locationInView:self];
        [self.touchDelegate touchesMoveWithPoint:currentP];
    }

    @end

@property (nonatomic, assign) PanDirection panDirection;     
//定义枚举变量

注意:之所以选择UIButton有2点原因: 1、不用手动开启userInteractionEnabled用户交互 2、同时可以很方便的为UIButton添加Target,不需要像UIView那样在再定义一个UITapGestureRecognizer,当然UIButton添加各种状态的背景颜色各背景图也要比UIView方便得多。

@property (nonatomic, strong) UISlider *volumeViewSlider;     
//调节滑竿

  • 将从今定义之Button添加到视频上
    //添加打定义之Button到视频镜头上
    self.button = [[ZYLButton alloc]
    initWithFrame:playerLayer.frame];
    self.button.touchDelegate = self;
    [playerView addSubview:self.button];

  • 以代理方被改变定音量、亮度和速
    第一定义个一枚举表示上下左右,这里仅需要判定手指是上下要左右滑行
    typedef NS_ENUM(NSUInteger, Direction) {
    DirectionLeftOrRight,
    DirectionUpOrDown,
    DirectionNone
    };
    再者声明一个象征方向的变量、一个记下用户触摸视频时的坐标变量、一个记录用户触摸视频时的亮度和音量大小的变量和一个记录用户触摸屏幕是视频进度的变量
    @property (assign, nonatomic) Direction direction;
    @property (assign, nonatomic) CGPoint startPoint;
    @property (assign, nonatomic) CGFloat startVB;
    @property (assign, nonatomic) CGFloat startVideoRate;

  • 凑巧开触摸视频的代理
    当用户首涂鸦触摸视频时,记录首次等触摸的坐标、当前高低或者亮度、当前视频的快,为了得到当前高低要率先定义MPVolumeView、
    UISlider
    @property (strong, nonatomic) MPVolumeView
    *volumeView;//控制音量的view

      @property (strong, nonatomic) UISlider* volumeViewSlider;//控制音量
    

@property (nonatomic, assign) BOOL isVolume;                   
//是否当调节音量

      //设置self.volumeView的frame
      self.volumeView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.width * 9.0 / 16.0);

在getter方法中初始化:

概念完成后,先夺取系统音量,当然捎带把耳机的插拔状态写照上,该办法以初始化播放器的时刻一直self调用

  • (MPVolumeView *)volumeView {
    if (_volumeView == nil) {
    _volumeView = [[MPVolumeView alloc] init];
    [_volumeView sizeToFit];
    for (UIView view in [_volumeView subviews]){
    if ([view.class.description isEqualToString:@”MPVolumeSlider”]){
    self.volumeViewSlider = (UISlider
    )view;
    break;
    }
    }
    }
    return _volumeView;
    }

/**

接下来于开触摸的代办里记录
#pragma mark – 开始动手

*  获取系统音量

    - (void)touchesBeganWithPoint:(CGPoint)point {
        //记录首次触摸坐标
        self.startPoint = point;
        //检测用户是触摸屏幕的左边还是右边,以此判断用户是要调节音量还是亮度,左边是亮度,右边是音量
        if (self.startPoint.x <= self.button.frame.size.width / 2.0) {
            //亮度
            self.startVB = [UIScreen mainScreen].brightness;
        } else {
            //音量
            self.startVB = self.volumeViewSlider.value;
        }
    }
    CMTime ctime = self.avPlayer.currentTime;
    self.startVideoRate = ctime.value / ctime.timescale / self.total;

*/

  • 随即在拖动的代办方里转音量、亮度和快
    #pragma mark – 拖动

    • (void)touchesMoveWithPoint:(CGPoint)point {
      //得出手指在Button上走的偏离
      CGPoint panPoint = CGPointMake(point.x – self.startPoint.x,
      point.y – self.startPoint.y);
      //分析产生用户滑动的主旋律
      if (self.direction == DirectionNone) {
      if (panPoint.x >= 30 || panPoint.x <= -30) {
      //进度
      self.direction = DirectionLeftOrRight;
      } else if (panPoint.y >= 30 || panPoint.y <= -30) {
      //音量和亮度
      self.direction = DirectionUpOrDown;
      }
      }

          if (self.direction == DirectionNone) {
              return;
          } else if (self.direction == DirectionUpOrDown) {
              //音量和亮度
              if (self.startPoint.x <= self.button.frame.size.width / 2.0) {
          //调节亮度
                  if (panPoint.y < 0) {
                      //增加亮度
                      [[UIScreen mainScreen] setBrightness:self.startVB + (-panPoint.y / 30.0 / 10)];
                  } else {
                      //减少亮度
                      [[UIScreen mainScreen] setBrightness:self.startVB - (panPoint.y / 30.0 / 10)];
                  }
      
              } else {
                  //音量
                  if (panPoint.y < 0) {
                       //增大音量
                      [self.volumeViewSlider setValue:self.startVB + (-panPoint.y / 30.0 / 10) animated:YES];
                      if (self.startVB + (-panPoint.y / 30 / 10) - self.volumeViewSlider.value >= 0.1) {
                          [self.volumeViewSlider setValue:0.1 animated:NO];
                          [self.volumeViewSlider setValue:self.startVB + (-panPoint.y / 30.0 / 10) animated:YES];
                      }
      
                  } else {
                      //减少音量
                      [self.volumeViewSlider setValue:self.startVB - (panPoint.y / 30.0 / 10) animated:YES];
                  }
              }
          } else if (self.direction == DirectionLeftOrRight ) {
              //进度
              CGFloat rate = self.startVideoRate + (panPoint.x / 30.0 / 20.0);
              if (rate > 1) {
                  rate = 1;
              } else if (rate < 0) {
                  rate = 0;
              }
          }
      

      }

– (void)setLightAndVolume

注意: 1、前面提到一个增大音量的bug,我这里的解决办法是如果检测到用户设置的音量比系统当前的音量大于0.1,表示此时设置的音量已经无效了,然后把音量设置为0.1后再设置为我们设置无效的那个音量就可以了,具体做法参考代码; 2、在修改视频播放进度的时候,最好不在移动的方法中实时修改视频播放进度,一方面会造成卡顿的现象,一方面没有必要这么做,所以这里只是记录了用户想要调整的进度,然后在触摸结束的方法中设置进度; 3、这改变音量会调用系统自己的UI显示音量大小,但是在设置亮度的时候是系统没有提供相应的UI,需要我们自己设置,这个小伙伴们按照项目的需求自行添加一个UI效果就好了。

{

  • 动结束之代理
    #pragma mark – 结束触摸

    • (void)touchesEndWithPoint:(CGPoint)point {
      if (self.direction == DirectionLeftOrRight) {
      [self.avPlayer seekToTime:CMTimeMakeWithSeconds(self.total *
      self.currentRate, 1) completionHandler:^(BOOL finished) {
      //在此处理速度设置成后底作业
      }];
      }
      }

MPVolumeView *volumeView = [[MPVolumeView alloc] init];

真机运行效果使图

_volumeViewSlider = nil;

Demo.png

for (UIView *view in [volumeView subviews]){

尾巴

if ([view.class.description isEqualToString:@”MPVolumeSlider”]){

至此地我们即便形成了手指滑动视频控制音量、亮度和快的需,大家以融洽之门类受到其实运用时还待依据项目用添加适当的UI,处理其他组成部分逻辑和业务流程。希望大家经过者不大示例可以生投机的化解问题之思绪以及流程,力争以一个就好简单的效力就尽量到。Demo可以以此下载:示例<small>Demo</small>

_volumeViewSlider = (UISlider *)view;

break;

}

}

// 监听耳机插入和拔掉通知

[[NSNotificationCenter defaultCenter] addObserver:self
selector:@selector(mic:) name:AVAudioSessionRouteChangeNotification
object:nil];

}

/**

*  耳机插入、拔出事件

*/

– (void)mic:(NSNotification*)notify

{

NSDictionary *dic = notify.userInfo;

NSInteger isEarPhone = [[dic
valueForKey:AVAudioSessionRouteChangeReasonKey] integerValue];

switch (isEarPhone) {

case AVAudioSessionRouteChangeReasonNewDeviceAvailable:

// 耳机插入

break;

case AVAudioSessionRouteChangeReasonOldDeviceUnavailable:

{

// 拔掉耳机继续播放

[self StartPlay];

}

break;

case AVAudioSessionRouteChangeReasonCategoryChange:

// called at start – also when other audio wants to play

NSLog(@”AVAudioSessionRouteChangeReasonCategoryChange”);

break;

}

}


自此是对此手势的长,在视频未全屏播放的情状下,不需采用手势去决定,所以当点击全屏的时光失去丰富手势(全屏按钮点击事件),在回来竖屏的下释放

-(void)fullScreenOrShrinkScreen:(UIButton*)sender

{

sender.selected = !sender.selected;

[self addControlVolmeAndLight:sender.selected];

if (_mjPlayerViewDelegate&&[_mjPlayerViewDelegate
respondsToSelector:@selector(fullScreenOrShrinkScreenDelegate:)]) {

[_mjPlayerViewDelegate fullScreenOrShrinkScreenDelegate:sender];

}

}

#pragma Mark — 添加手势控制声音和亮度

-(void)addControlVolmeAndLight:(BOOL)isLandscape

{

if (isLandscape) {

_panGes = [[UIPanGestureRecognizer alloc]initWithTarget:self
action:@selector(controlVolmeAndLight:)];

[self addGestureRecognizer:_panGes];

}else

{

[self removeGestureRecognizer:_panGes];

}

}


于抬高了手势后,就是对准手势进行处理,响应该手势的风波,具体注释在代码中

#pragma Mark—-滑动手势响应事件

-(void)controlVolmeAndLight:(UIPanGestureRecognizer*)ges

{

//根据岗位,确定是调音量还是亮度

CGPoint locationPoint = [ges locationInView:self];

// 获取滑动速度

CGPoint speed = [ges velocityInView:self];

// 判断是笔直运动或水准走

switch (ges.state) {

case UIGestureRecognizerStateBegan:{ // 开始倒

// 以绝对化值来判断移动的矛头

CGFloat x = fabs(speed.x);

CGFloat y = fabs(speed.y);

if (x < y){ // 垂直运动

self.panDirection = PanDirectionVerticalMoved;

// 开始滑动的时段,状态改吗正在控制音量

if (locationPoint.x > self.bounds.size.width / 2) {

self.isVolume = YES;

}else { // 状态改吧显示亮度调节

self.isVolume = NO;

}

}

break;

}

case UIGestureRecognizerStateChanged:{ // 正在活动

switch (self.panDirection) {

case PanDirectionHorizontalMoved:{

//[self horizontalMoved:veloctyPoint.x]; //
水平走的章程要x方向的价值

break;

}

case PanDirectionVerticalMoved:{

[self verticalMoved:speed.y]; // 垂直运动方法而y方向的价

break;

}

default:

break;

}

break;

}

case UIGestureRecognizerStateEnded:{ // 移动已

// 移动了吗需要判定垂直或者平移

//
比如水平走了时,要抢上至指定位置,如果这里没有看清,当我们调节音量完后,会油然而生屏幕跳动的bug

switch (self.panDirection) {

case PanDirectionHorizontalMoved:{

break;

}

case PanDirectionVerticalMoved:{

// 垂直运动了后,把状态成为不再控制音量

self.isVolume = NO;

break;

}

default:

break;

}

break;

}

default:

break;

}

}


终极一步是调剂方式(PS:亮度调节作用已产生,但是她的view要打定义,还从来不增长)


(void)verticalMoved:(CGFloat)value{//该value为手指的滑动速度,一般最好抢速度值不会见超过10000,保证在0-1以内,往下滑为正,往上滑为负
所以用 “-=”NSLog(@”%f”,value);if(self.isVolume)
{self.volumeViewSlider.value-= value /10000;    }else{       
([UIScreenmainScreen].brightness-= value /10000);    }}

文/Sign_in_with_yo(简书作者)

原文链接:http://www.jianshu.com/p/738211b94282

著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注