iOS開發拓展篇—音頻處理（音樂播放器4）

iOS開發拓展篇—音頻處理（音樂播放器4）

說明：該文主要介紹音樂播放器實現過程中的一些細節控制。

實現的效果：

　　

一、完整的代碼

YYPlayingViewController.m文件

//
//  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 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;  28 //定時器
@property(nonatomic,strong)NSTimer *CurrentTimeTimer;  30 - (IBAction)exit;
- (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender;  32 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender;  33 
@end

@implementation YYPlayingViewController
#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 RresetPlayingMusic];
    }
    
    //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)RresetPlayingMusic
{
    //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;  83     
    //3.停止定時器
    [self removeCurrentTime];
}
//開始播放音樂數據
-(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]; 107     
    //3.設置時長
    //self.player.duration;  播放器正在播放的音樂文件的時間長度
    self.durationLabel.text=[self strWithTime:self.player.duration];
    
    //4.添加定時器
    [self addCurrentTimeTimer];
    
}

/**
 *把時間長度-->時間字符串 119  */
-(NSString *)strWithTime:(NSTimeInterval)time 121 { 122     int minute=time / 60; 123     int second=(int)time % 60; 124     return [NSString stringWithFormat:@"%d:%d",minute,second]; 125 } 126 
#pragma mark-定時器控制
/**
 *  添加一個定時器 130  */
-(void)addCurrentTimeTimer
{
    //提前先調用一次進度更新，以保證定時器的工作時及時的
    [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;
}

/** 153  * 更新播放進度 154  */
-(void)updateCurrentTime 156 { 157     //1.計算進度值
    double progress=self.player.currentTime/self.player.duration; 159     
    //2.計算滑塊的x值 161     // 滑塊的最大的x值
    CGFloat sliderMaxX=self.view.width-self.slider.width; 163     self.slider.x=sliderMaxX*progress; 164     //設置滑塊上的當前播放時間
 [self.slider setTitle:[self strWithTime:self.player.currentTime] forState:UIControlStateNormal]; 166     
    //3.設置進度條的寬度
    self.progressView.width=self.slider.center.x; 169     
} 171 
#pragma mark-內部的按鈕監聽方法
//返回按鈕
- (IBAction)exit {
    
    //0.移除定時器
 [self removeCurrentTime]; 178     //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;
    }];
}

/**
 *點擊了進度條 194  */
- (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender { 196     //獲取當前單擊的點
    CGPoint point=[sender locationInView:sender.view]; 198     //切換歌曲的當前播放時間
    self.player.currentTime=(point.x/sender.view.width)*self.player.duration; 200     //更新播放進度
 [self updateCurrentTime]; 202 } 203 
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender { 205     
    //1.獲得挪動的距離
    CGPoint t=[sender translationInView:sender.view]; 208     //把挪動清零
 [sender setTranslation:CGPointZero inView:sender.view]; 210     
    //2.控制滑塊和進度條的frame
    self.slider.x+=t.x; 213     //設置進度條的寬度
    self.progressView.width=self.slider.center.x; 215     
    //3.設置時間值
    CGFloat sliderMaxX=self.view.width-self.slider.width; 218     double progress=self.slider.x/sliderMaxX; 219     //當前的時間值=音樂的時長*當前的進度值
    NSTimeInterval time=self.player.duration*progress; 221  [self .slider setTitle:[self strWithTime:time] forState:UIControlStateNormal]; 222     
    //4.如果開始拖動，那么就停止定時器
    if (sender.state==UIGestureRecognizerStateBegan) { 225         //停止定時器
 [self removeCurrentTime]; 227     }else if(sender.state==UIGestureRecognizerStateEnded) 228  { 229         //設置播放器播放的時間
        self.player.currentTime=time; 231         //開啟定時器
 [self addCurrentTimeTimer]; 233  } 234 } 235 @end

二、代碼說明（一）

　　調整開始播放音樂按鈕，讓其返回一個音樂播放器，而非BOOL型的。

/**
 *播放音樂
 */
+(AVAudioPlayer *)playMusic:(NSString *)filename
{
    if (!filename) return nil;//如果沒有傳入文件名，那么直接返回
    //1.取出對應的播放器
    AVAudioPlayer *player=[self musicPlayers][filename];
    
    //2.如果播放器沒有創建，那么就進行初始化
    if (!player) {
        //2.1音頻文件的URL
        NSURL *url=[[NSBundle mainBundle]URLForResource:filename withExtension:nil];
        if (!url) return nil;//如果url為空，那么直接返回
        
        //2.2創建播放器
        player=[[AVAudioPlayer alloc]initWithContentsOfURL:url error:nil];
        
        //2.3緩沖
        if (![player prepareToPlay]) return nil;//如果緩沖失敗，那么就直接返回
        
        //2.4存入字典
        [self musicPlayers][filename]=player;
    }
    
    //3.播放
    if (![player isPlaying]) {
        //如果當前沒處於播放狀態，那么就播放
         [player play];
    }

    return player;//正在播放，那么就返回YES
}

三、代碼說明（二）

　　把時間轉換為時間字符串的方法：

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

四、代碼說明（三）

　　說明：進度控制

　　監聽當前的播放，使用一個定時器，不斷的監聽當前是第幾秒。

　　關於定時器的處理：這里使用了三個方法，分別是添加定時器，移除定時器，和更新播放進度。

注意細節：

（1）移除定時器后，對定時器進行清空處理。

/**
 *移除一個定時器
 */
-(void)removeCurrentTime
{
    [self.CurrentTimeTimer invalidate];
    
    //把定時器清空
    self.CurrentTimeTimer=nil;
}

（2）當看不到界面的時候，停止定時器。

（3）在開始播放音樂的方法中進行判斷，如果當前播放的音樂和傳入的音樂一致，那么添加定時器后直接返回。

（4）重置播放的音樂方法中，停止定時器。

五、代碼說明（四）

　　說明：點擊和拖動進度條的處理

1.點擊進度條

　　先添加單擊的手勢識別器。

　　　　

　　往控制器拖線：

　　　　

涉及的代碼：

/**
 *點擊了進度條
 */
- (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender {
    //獲取當前單擊的點
    CGPoint point=[sender locationInView:sender.view];
    //切換歌曲的當前播放時間
    self.player.currentTime=(point.x/sender.view.width)*self.player.duration;
    //更新播放進度
    [self updateCurrentTime];
}

2.拖拽進度條

　　先添加拖拽手勢識別器

　　

往控制器拖線

　　

涉及的代碼：

/**
 *拖動滑塊
 */
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
    
    //1.獲得挪動的距離
    CGPoint t=[sender translationInView:sender.view];
    //把挪動清零
    [sender setTranslation:CGPointZero inView:sender.view];
    
    //2.控制滑塊和進度條的frame
    self.slider.x+=t.x;
    //設置進度條的寬度
    self.progressView.width=self.slider.center.x;
    
    //3.設置時間值
    CGFloat sliderMaxX=self.view.width-self.slider.width;
    double progress=self.slider.x/sliderMaxX;
    //當前的時間值=音樂的時長*當前的進度值
    NSTimeInterval time=self.player.duration*progress;
    [self .slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
    
    //4.如果開始拖動，那么就停止定時器
    if (sender.state==UIGestureRecognizerStateBegan) {
        //停止定時器
        [self removeCurrentTime];
    }else if(sender.state==UIGestureRecognizerStateEnded)
    {
        //設置播放器播放的時間
        self.player.currentTime=time;
        //開啟定時器
        [self addCurrentTimeTimer];
    }
}