从开发者的角度看是的确不属流媒体技术层面。那么得掌握滑动的大势。

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

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


相关文章