iOS开发拓展篇—音频处理（音乐播放器5）

iOS开发拓展篇—音频处理（音乐播放器5）

实现效果：

一、半透明滑块的设置

/**
 *拖动滑块
 */
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
    
    //1.获得挪动的距离
    CGPoint t=[sender translationInView:sender.view];
    //把挪动清零
    [sender setTranslation:CGPointZero inView:sender.view];
    
    //2.控制滑块和进度条的frame
    CGFloat sliderMaxX=self.view.width-self.slider.width;
    self.slider.x+=t.x;
    //控制滑块的frame，不让其越界
    if(self.slider.x<0)
    {
        self.slider.x=0;
    }else if (self.slider.x>sliderMaxX)
    {
        self.slider.x=sliderMaxX;
    }
    //设置进度条的宽度
    self.progressView.width=self.slider.center.x;
    
    //3.设置时间值
    double progress=self.slider.x/sliderMaxX;
    //当前的时间值=音乐的时长*当前的进度值
    NSTimeInterval time=self.player.duration*progress;
    [self.slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
    
    //设置拖拽进度的X的值
    self.currentTimeView.x=self.slider.x;
    [self.currentTimeView setTitle:self.slider.currentTitle forState:UIControlStateNormal];
    
    //4.如果开始拖动，那么就停止定时器
    if (sender.state==UIGestureRecognizerStateBegan) {
        //停止定时器
        [self removeCurrentTime];
        
        //设置拖拽进度
        //显示
        self.currentTimeView.hidden=NO;
        self.currentTimeView.y=self.currentTimeView.superview.height-5-self.currentTimeView.height;
        
    }else if(sender.state==UIGestureRecognizerStateEnded)
    {
        //隐藏
        self.currentTimeView.hidden=YES;
        //设置播放器播放的时间
        self.player.currentTime=time;
#warning 如果正在播放，才需要添加定时器
//        if (self.player.isPlaying) {
        //开启定时器
        [self addCurrentTimeTimer];
//        }
    }
}

裁剪圆角的细节处理：

 

二、播放或暂停、上一首、下一首的实现

//上一首
- (IBAction)previous {
    //1.在开始播放之前，禁用一切的app点击事件
    UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
    window.userInteractionEnabled=NO;
    
    //2.重置当前歌曲
    [self resetPlayingMusic];
    
    //3.获得上一首歌曲
    [YYMusicTool setPlayingMusic:[YYMusicTool previousMusic]];
    
    //4.播放上一首歌曲
    [self starPlayingMusic];
    
    //5.回复window的点击为可用
    window.userInteractionEnabled=YES;
}
//下一首
- (IBAction)next {
    //1.在开始播放之前，禁用一切的app点击事件
    UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
    window.userInteractionEnabled=NO;
    
    //2.重置当前歌曲
    [self resetPlayingMusic];
    
    //3.获得下一首歌曲
    [YYMusicTool setPlayingMusic:[YYMusicTool nextMusic]];
    
    //4.播放下一首歌曲
    [self starPlayingMusic];
    
    //5.回复window的点击为可用
    window.userInteractionEnabled=YES;
}

//继续或暂停播放
- (IBAction)playOrPause {
    if (self.playOrPauseButton.isSelected) {//暂停
        self.playOrPauseButton.selected=NO;
        //暂停播放
        [YYAudioTool pauseMusic:self.playingMusic.filename];
        //停掉定时器
        [self removeCurrentTime];
    }else
    {
        self.playOrPauseButton.selected=YES;
        //继续播放
        [YYAudioTool playMusic:self.playingMusic.filename];
        //开启定时器
        [self addCurrentTimeTimer];
    }
}

说明：播放和暂停按钮的图片设置在两种状态下并不一样，设置播放按钮的状态

 

三、对存在的bug进行改进

 

拖拽还存在问题（定时器的问题）

 

 更好的方法时在添加定时器的地方进行更细的控制：

/**
 *  添加一个定时器
 */
-(void)addCurrentTimeTimer
{
    //如果当前没有在播放，那么就直接返回
    if (self.player.isPlaying==NO) return;

    //在添加一个定时器之前，先把以前的定时器移除
    [self removeCurrentTime];
    
    //提前先调用一次进度更新，以保证定时器的工作时及时的
    [self updateCurrentTime];
    
    //创建一个定时器，每一秒钟调用一次
    self.CurrentTimeTimer=[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateCurrentTime) userInfo:nil repeats:YES];
    //把定时器加入到运行时中
    [[NSRunLoop mainRunLoop]addTimer:self.CurrentTimeTimer forMode:NSRunLoopCommonModes];
}

四、补充

完整的代码如下：

//
//  YYPlayingViewController.m
//  20-音频处理（音乐播放器1）
//
//  Created by apple on 14-8-13.
//  Copyright (c) 2014年 yangyong. All rights reserved.
//

#import "YYPlayingViewController.h"
#import "YYMusicTool.h"
#import "YYMusicModel.h"
#import "YYAudioTool.h"

@interface YYPlayingViewController ()
//显示拖拽进度
@property (weak, nonatomic) IBOutlet UIButton *currentTimeView;
//进度条
@property (weak, nonatomic) IBOutlet UIView *progressView;
//滑块
@property (weak, nonatomic) IBOutlet UIButton *slider;
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *songLabel;
@property (weak, nonatomic) IBOutlet UILabel *singerLabel;
//当前播放的音乐的时长
@property (weak, nonatomic) IBOutlet UILabel *durationLabel;
//正在播放的音乐
@property(nonatomic,strong)YYMusicModel *playingMusic;
//音乐播放器对象
@property(nonatomic,strong)AVAudioPlayer *player;
//定时器
@property(nonatomic,strong)NSTimer *CurrentTimeTimer;
- (IBAction)exit;
- (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender;
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender;
- (IBAction)previous;
- (IBAction)playOrPause;
- (IBAction)next;
@property (weak, nonatomic) IBOutlet UIButton *playOrPauseButton;

@end

@implementation YYPlayingViewController

-(void)viewDidLoad
{
    [super viewDidLoad];
    
    //裁剪圆角
    self.currentTimeView.layer.cornerRadius=8;
    
}
#pragma mark-公共方法
-(void)show
{
    //1.禁用整个app的点击事件
    UIWindow *window=[UIApplication sharedApplication].keyWindow;
    window.userInteractionEnabled=NO;
    
    //2.添加播放界面
    //设置View的大小为覆盖整个窗口
    self.view.frame=window.bounds;
    //设置view显示
    self.view.hidden=NO;
    //把View添加到窗口上
    [window addSubview:self.view];
    
    //3.检测是否换了歌曲
    if (self.playingMusic!=[YYMusicTool playingMusic]) {
        [self resetPlayingMusic];
    }
    
    //4.使用动画让View显示
    self.view.y=self.view.height;
    [UIView animateWithDuration:0.25 animations:^{
        self.view.y=0;
    } completion:^(BOOL finished) {
        
        //设置音乐数据
        [self starPlayingMusic];
        window.userInteractionEnabled=YES;
    }];
}


#pragma mark-私有方法
//重置正在播放的音乐
-(void)resetPlayingMusic
{
    //1.重置界面数据
    self.iconView.image=[UIImage imageNamed:@"play_cover_pic_bg"];
    self.songLabel.text=nil;
    self.singerLabel.text=nil;
    
    //2.停止播放
    [YYAudioTool stopMusic:self.playingMusic.filename];
    //把播放器进行清空
    self.player=nil;
    
    //3.停止定时器
    [self removeCurrentTime];
    
    //4.设置音乐播放按钮的状态
    self.playOrPauseButton.selected=NO;
}
//开始播放音乐数据
-(void)starPlayingMusic
{
    //1.设置界面数据
    
    //如果当前播放的音乐就是传入的音乐，那么就直接返回
    if (self.playingMusic==[YYMusicTool playingMusic])
    {
        //把定时器加进去
        [self addCurrentTimeTimer];
        return;
    }
    //存取音乐
    self.playingMusic=[YYMusicTool playingMusic];
    self.iconView.image=[UIImage imageNamed:self.playingMusic.icon];
    self.songLabel.text=self.playingMusic.name;
    self.singerLabel.text=self.playingMusic.singer;
    
    //2.开始播放
    self.player = [YYAudioTool playMusic:self.playingMusic.filename];
    
    //3.设置时长
    //self.player.duration;  播放器正在播放的音乐文件的时间长度
    self.durationLabel.text=[self strWithTime:self.player.duration];
    
    //4.添加定时器
    [self addCurrentTimeTimer];
    
    //5.设置音乐播放按钮的状态
    self.playOrPauseButton.selected=YES;
}

/**
 *把时间长度-->时间字符串
 */
-(NSString *)strWithTime:(NSTimeInterval)time
{
    int minute=time / 60;
    int second=(int)time % 60;
    return [NSString stringWithFormat:@"%d:%d",minute,second];
}

#pragma mark-定时器控制
/**
 *  添加一个定时器
 */
-(void)addCurrentTimeTimer
{
    //如果当前没有在播放，那么就直接返回
    if (self.player.isPlaying==NO) return;
    
    //在添加一个定时器之前，先把以前的定时器移除
    [self removeCurrentTime];
    
    //提前先调用一次进度更新，以保证定时器的工作时及时的
    [self updateCurrentTime];
    
    //创建一个定时器，每一秒钟调用一次
    self.CurrentTimeTimer=[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateCurrentTime) userInfo:nil repeats:YES];
    //把定时器加入到运行时中
    [[NSRunLoop mainRunLoop]addTimer:self.CurrentTimeTimer forMode:NSRunLoopCommonModes];
}
/**
 *移除一个定时器
 */
-(void)removeCurrentTime
{
    [self.CurrentTimeTimer invalidate];
    
    //把定时器清空
    self.CurrentTimeTimer=nil;
}

/**
 *  更新播放进度
 */
-(void)updateCurrentTime
{
    //1.计算进度值
    double progress=self.player.currentTime/self.player.duration;
    
    //2.计算滑块的x值
    // 滑块的最大的x值
    CGFloat sliderMaxX=self.view.width-self.slider.width;
    self.slider.x=sliderMaxX*progress;
    //设置滑块上的当前播放时间
    [self.slider setTitle:[self strWithTime:self.player.currentTime] forState:UIControlStateNormal];
    
    //3.设置进度条的宽度
    self.progressView.width=self.slider.center.x;
    
}

#pragma mark-内部的按钮监听方法
//返回按钮
- (IBAction)exit {
    
    //0.移除定时器
    [self  removeCurrentTime];
    //1.禁用整个app的点击事件
    UIWindow *window=[UIApplication sharedApplication].keyWindow;
    window.userInteractionEnabled=NO;
    
    //2.动画隐藏View
    [UIView animateWithDuration:0.25 animations:^{
        self.view.y=window.height;
    } completion:^(BOOL finished) {
        window.userInteractionEnabled=YES;
        //设置view隐藏能够节省一些性能
        self.view.hidden=YES;
    }];
}

/**
 *点击了进度条
 */
- (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender {
    //获取当前单击的点
    CGPoint point=[sender locationInView:sender.view];
    //切换歌曲的当前播放时间
    self.player.currentTime=(point.x/sender.view.width)*self.player.duration;
    //更新播放进度
    [self updateCurrentTime];
}
/**
 *拖动滑块
 */
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
    
    //1.获得挪动的距离
    CGPoint t=[sender translationInView:sender.view];
    //把挪动清零
    [sender setTranslation:CGPointZero inView:sender.view];
    
    //2.控制滑块和进度条的frame
    CGFloat sliderMaxX=self.view.width-self.slider.width;
    self.slider.x+=t.x;
    //控制滑块的frame，不让其越界
    if(self.slider.x<0)
    {
        self.slider.x=0;
    }else if (self.slider.x>sliderMaxX)
    {
        self.slider.x=sliderMaxX;
    }
    //设置进度条的宽度
    self.progressView.width=self.slider.center.x;
    
    //3.设置时间值
    double progress=self.slider.x/sliderMaxX;
    //当前的时间值=音乐的时长*当前的进度值
    NSTimeInterval time=self.player.duration*progress;
    [self.slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
    
    //设置拖拽进度的X的值
    self.currentTimeView.x=self.slider.x;
    [self.currentTimeView setTitle:self.slider.currentTitle forState:UIControlStateNormal];
    
    //4.如果开始拖动，那么就停止定时器
    if (sender.state==UIGestureRecognizerStateBegan) {
        //停止定时器
        [self removeCurrentTime];
        
        //设置拖拽进度
        //显示
        self.currentTimeView.hidden=NO;
        self.currentTimeView.y=self.currentTimeView.superview.height-5-self.currentTimeView.height;
        
    }else if(sender.state==UIGestureRecognizerStateEnded)
    {
        //隐藏
        self.currentTimeView.hidden=YES;
        //设置播放器播放的时间
        self.player.currentTime=time;
#warning 如果正在播放，才需要添加定时器
//        if (self.player.isPlaying) {
        //开启定时器
        [self addCurrentTimeTimer];
//        }
    }
}

//上一首
- (IBAction)previous {
    //1.在开始播放之前，禁用一切的app点击事件
    UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
    window.userInteractionEnabled=NO;
    
    //2.重置当前歌曲
    [self resetPlayingMusic];
    
    //3.获得上一首歌曲
    [YYMusicTool setPlayingMusic:[YYMusicTool previousMusic]];
    
    //4.播放上一首歌曲
    [self starPlayingMusic];
    
    //5.回复window的点击为可用
    window.userInteractionEnabled=YES;
}
//下一首
- (IBAction)next {
    //1.在开始播放之前，禁用一切的app点击事件
    UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
    window.userInteractionEnabled=NO;
    
    //2.重置当前歌曲
    [self resetPlayingMusic];
    
    //3.获得下一首歌曲
    [YYMusicTool setPlayingMusic:[YYMusicTool nextMusic]];
    
    //4.播放下一首歌曲
    [self starPlayingMusic];
    
    //5.回复window的点击为可用
    window.userInteractionEnabled=YES;
}
//继续或暂停播放
- (IBAction)playOrPause {
    if (self.playOrPauseButton.isSelected) {//暂停
        self.playOrPauseButton.selected=NO;
        //暂停播放
        [YYAudioTool pauseMusic:self.playingMusic.filename];
        //停掉定时器
        [self removeCurrentTime];
    }else
    {
        self.playOrPauseButton.selected=YES;
        //继续播放
        [YYAudioTool playMusic:self.playingMusic.filename];
        //开启定时器
        [self addCurrentTimeTimer];
    }
}


@end