由开发者的角度看这个确实无属流媒体技术层面。那么用懂得滑动的趋势。

尊重知识,转发呼吁注明出处: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

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


相关文章