天天看點

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

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

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

實作的效果:

  

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

一、完整的代碼

YYPlayingViewController.m檔案

1 //
  2 //  YYPlayingViewController.m
  3 //  20-音頻處理(音樂播放器1)
  4 //
  5 //  Created by apple on 14-8-13.
  6 //  Copyright (c) 2014年 yangyong. All rights reserved.
  7 //
  8 
  9 #import "YYPlayingViewController.h"
 10 #import "YYMusicTool.h"
 11 #import "YYMusicModel.h"
 12 #import "YYAudioTool.h"
 13 
 14 @interface YYPlayingViewController ()
 15 //進度條
 16 @property (weak, nonatomic) IBOutlet UIView *progressView;
 17 //滑塊
 18 @property (weak, nonatomic) IBOutlet UIButton *slider;
 19 @property (weak, nonatomic) IBOutlet UIImageView *iconView;
 20 @property (weak, nonatomic) IBOutlet UILabel *songLabel;
 21 @property (weak, nonatomic) IBOutlet UILabel *singerLabel;
 22 //目前播放的音樂的時長
 23 @property (weak, nonatomic) IBOutlet UILabel *durationLabel;
 24 //正在播放的音樂
 25 @property(nonatomic,strong)YYMusicModel *playingMusic;
 26 //音樂播放器對象
 27 @property(nonatomic,strong)AVAudioPlayer *player;
 28 //定時器
 29 @property(nonatomic,strong)NSTimer *CurrentTimeTimer;
 30 - (IBAction)exit;
 31 - (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender;
 32 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender;
 33 
 34 @end
 35 
 36 @implementation YYPlayingViewController
 37 #pragma mark-公共方法
 38 -(void)show
 39 {
 40     //1.禁用整個app的點選事件
 41     UIWindow *window=[UIApplication sharedApplication].keyWindow;
 42     window.userInteractionEnabled=NO;
 43     
 44     //2.添加播放界面
 45     //設定View的大小為覆寫整個視窗
 46     self.view.frame=window.bounds;
 47     //設定view顯示
 48     self.view.hidden=NO;
 49     //把View添加到視窗上
 50     [window addSubview:self.view];
 51     
 52     //3.檢測是否換了歌曲
 53     if (self.playingMusic!=[YYMusicTool playingMusic]) {
 54         [self RresetPlayingMusic];
 55     }
 56     
 57     //4.使用動畫讓View顯示
 58     self.view.y=self.view.height;
 59     [UIView animateWithDuration:0.25 animations:^{
 60         self.view.y=0;
 61     } completion:^(BOOL finished) {
 62         
 63         //設定音樂資料
 64         [self starPlayingMusic];
 65         window.userInteractionEnabled=YES;
 66     }];
 67 }
 68 
 69 
 70 #pragma mark-私有方法
 71 //重置正在播放的音樂
 72 -(void)RresetPlayingMusic
 73 {
 74     //1.重置界面資料
 75     self.iconView.image=[UIImage imageNamed:@"play_cover_pic_bg"];
 76     self.songLabel.text=nil;
 77     self.singerLabel.text=nil;
 78     
 79     //2.停止播放
 80     [YYAudioTool stopMusic:self.playingMusic.filename];
 81     //把播放器進行清空
 82     self.player=nil;
 83     
 84     //3.停止定時器
 85     [self removeCurrentTime];
 86 }
 87 //開始播放音樂資料
 88 -(void)starPlayingMusic
 89 {
 90     //1.設定界面資料
 91     
 92     //如果目前播放的音樂就是傳入的音樂,那麼就直接傳回
 93     if (self.playingMusic==[YYMusicTool playingMusic])
 94     {
 95         //把定時器加進去
 96         [self addCurrentTimeTimer];
 97         return;
 98     }
 99     //存取音樂
100     self.playingMusic=[YYMusicTool playingMusic];
101     self.iconView.image=[UIImage imageNamed:self.playingMusic.icon];
102     self.songLabel.text=self.playingMusic.name;
103     self.singerLabel.text=self.playingMusic.singer;
104     
105     //2.開始播放
106     self.player = [YYAudioTool playMusic:self.playingMusic.filename];
107     
108     //3.設定時長
109     //self.player.duration;  播放器正在播放的音樂檔案的時間長度
110     self.durationLabel.text=[self strWithTime:self.player.duration];
111     
112     //4.添加定時器
113     [self addCurrentTimeTimer];
114     
115 }
116 
117 /**
118  *把時間長度-->時間字元串
119  */
120 -(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 
127 #pragma mark-定時器控制
128 /**
129  *  添加一個定時器
130  */
131 -(void)addCurrentTimeTimer
132 {
133     //提前先調用一次進度更新,以保證定時器的工作時及時的
134     [self updateCurrentTime];
135     
136     //建立一個定時器,每一秒鐘調用一次
137     self.CurrentTimeTimer=[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateCurrentTime) userInfo:nil repeats:YES];
138     //把定時器加入到運作時中
139     [[NSRunLoop mainRunLoop]addTimer:self.CurrentTimeTimer forMode:NSRunLoopCommonModes];
140 }
141 /**
142  *移除一個定時器
143  */
144 -(void)removeCurrentTime
145 {
146     [self.CurrentTimeTimer invalidate];
147     
148     //把定時器清空
149     self.CurrentTimeTimer=nil;
150 }
151 
152 /**
153  *  更新播放進度
154  */
155 -(void)updateCurrentTime
156 {
157     //1.計算進度值
158     double progress=self.player.currentTime/self.player.duration;
159     
160     //2.計算滑塊的x值
161     // 滑塊的最大的x值
162     CGFloat sliderMaxX=self.view.width-self.slider.width;
163     self.slider.x=sliderMaxX*progress;
164     //設定滑塊上的目前播放時間
165     [self.slider setTitle:[self strWithTime:self.player.currentTime] forState:UIControlStateNormal];
166     
167     //3.設定進度條的寬度
168     self.progressView.width=self.slider.center.x;
169     
170 }
171 
172 #pragma mark-内部的按鈕監聽方法
173 //傳回按鈕
174 - (IBAction)exit {
175     
176     //0.移除定時器
177     [self  removeCurrentTime];
178     //1.禁用整個app的點選事件
179     UIWindow *window=[UIApplication sharedApplication].keyWindow;
180     window.userInteractionEnabled=NO;
181     
182     //2.動畫隐藏View
183     [UIView animateWithDuration:0.25 animations:^{
184         self.view.y=window.height;
185     } completion:^(BOOL finished) {
186         window.userInteractionEnabled=YES;
187         //設定view隐藏能夠節省一些性能
188         self.view.hidden=YES;
189     }];
190 }
191 
192 /**
193  *點選了進度條
194  */
195 - (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender {
196     //擷取目前單擊的點
197     CGPoint point=[sender locationInView:sender.view];
198     //切換歌曲的目前播放時間
199     self.player.currentTime=(point.x/sender.view.width)*self.player.duration;
200     //更新播放進度
201     [self updateCurrentTime];
202 }
203 
204 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
205     
206     //1.獲得挪動的距離
207     CGPoint t=[sender translationInView:sender.view];
208     //把挪動清零
209     [sender setTranslation:CGPointZero inView:sender.view];
210     
211     //2.控制滑塊和進度條的frame
212     self.slider.x+=t.x;
213     //設定進度條的寬度
214     self.progressView.width=self.slider.center.x;
215     
216     //3.設定時間值
217     CGFloat sliderMaxX=self.view.width-self.slider.width;
218     double progress=self.slider.x/sliderMaxX;
219     //目前的時間值=音樂的時長*目前的進度值
220     NSTimeInterval time=self.player.duration*progress;
221     [self .slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
222     
223     //4.如果開始拖動,那麼就停止定時器
224     if (sender.state==UIGestureRecognizerStateBegan) {
225         //停止定時器
226         [self removeCurrentTime];
227     }else if(sender.state==UIGestureRecognizerStateEnded)
228     {
229         //設定播放器播放的時間
230         self.player.currentTime=time;
231         //開啟定時器
232         [self addCurrentTimeTimer];
233     }
234 }
235 @end      

二、代碼說明(一)

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

1 /**
 2  *播放音樂
 3  */
 4 +(AVAudioPlayer *)playMusic:(NSString *)filename
 5 {
 6     if (!filename) return nil;//如果沒有傳入檔案名,那麼直接傳回
 7     //1.取出對應的播放器
 8     AVAudioPlayer *player=[self musicPlayers][filename];
 9     
10     //2.如果播放器沒有建立,那麼就進行初始化
11     if (!player) {
12         //2.1音頻檔案的URL
13         NSURL *url=[[NSBundle mainBundle]URLForResource:filename withExtension:nil];
14         if (!url) return nil;//如果url為空,那麼直接傳回
15         
16         //2.2建立播放器
17         player=[[AVAudioPlayer alloc]initWithContentsOfURL:url error:nil];
18         
19         //2.3緩沖
20         if (![player prepareToPlay]) return nil;//如果緩沖失敗,那麼就直接傳回
21         
22         //2.4存入字典
23         [self musicPlayers][filename]=player;
24     }
25     
26     //3.播放
27     if (![player isPlaying]) {
28         //如果目前沒處于播放狀态,那麼就播放
29          [player play];
30     }
31 
32     return player;//正在播放,那麼就傳回YES
33 }      

三、代碼說明(二)

  把時間轉換為時間字元串的方法:

1 /**
2  *把時間長度-->時間字元串
3  */
4 -(NSString *)strWithTime:(NSTimeInterval)time
5 {
6     int minute=time / 60;
7     int second=(int)time % 60;
8     return [NSString stringWithFormat:@"%d:%d",minute,second];
9 }      

四、代碼說明(三)

  說明:進度控制

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

  關于定時器的處理:這裡使用了三個方法,分别是添加定時器,移除定時器,和更新播放進度。

注意細節:

(1)移除定時器後,對定時器進行清空處理。

1 /**
 2  *移除一個定時器
 3  */
 4 -(void)removeCurrentTime
 5 {
 6     [self.CurrentTimeTimer invalidate];
 7     
 8     //把定時器清空
 9     self.CurrentTimeTimer=nil;
10 }      

(2)當看不到界面的時候,停止定時器。

(3)在開始播放音樂的方法中進行判斷,如果目前播放的音樂和傳入的音樂一緻,那麼添加定時器後直接傳回。

(4)重置播放的音樂方法中,停止定時器。

五、代碼說明(四)

  說明:點選和拖動進度條的處理

1.點選進度條

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

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

  往控制器拖線:

    

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

涉及的代碼:

1 /**
 2  *點選了進度條
 3  */
 4 - (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender {
 5     //擷取目前單擊的點
 6     CGPoint point=[sender locationInView:sender.view];
 7     //切換歌曲的目前播放時間
 8     self.player.currentTime=(point.x/sender.view.width)*self.player.duration;
 9     //更新播放進度
10     [self updateCurrentTime];
11 }      

2.拖拽進度條

  先添加拖拽手勢識别器

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

往控制器拖線

iOS開發拓展篇—音頻處理(音樂播放器4)
1 /**
 2  *拖動滑塊
 3  */
 4 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
 5     
 6     //1.獲得挪動的距離
 7     CGPoint t=[sender translationInView:sender.view];
 8     //把挪動清零
 9     [sender setTranslation:CGPointZero inView:sender.view];
10     
11     //2.控制滑塊和進度條的frame
12     self.slider.x+=t.x;
13     //設定進度條的寬度
14     self.progressView.width=self.slider.center.x;
15     
16     //3.設定時間值
17     CGFloat sliderMaxX=self.view.width-self.slider.width;
18     double progress=self.slider.x/sliderMaxX;
19     //目前的時間值=音樂的時長*目前的進度值
20     NSTimeInterval time=self.player.duration*progress;
21     [self .slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
22     
23     //4.如果開始拖動,那麼就停止定時器
24     if (sender.state==UIGestureRecognizerStateBegan) {
25         //停止定時器
26         [self removeCurrentTime];
27     }else if(sender.state==UIGestureRecognizerStateEnded)
28     {
29         //設定播放器播放的時間
30         self.player.currentTime=time;
31         //開啟定時器
32         [self addCurrentTimeTimer];
33     }
34 }      

繼續閱讀