因此这么些相对属于流媒体范畴.,那么必要精通滑动的动向

尊重知识,转载请注脚出处: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
    };
    并且声雀巢(Beingmate)个意味着方向的变量、一个笔录用户触摸视频时的坐标变量、一个记下用户触摸录像时的亮度和音量大小的变量和一个笔录用户4K屏幕是视频进程的变量
    @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 马克 — 添加手势控制声音及亮度

-(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

文章权归小编所有,转载请联系小编得到授权,并标明“简书小编”。


相关文章