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.點選進度條
先添加單擊的手勢識别器。
往控制器拖線:
涉及的代碼:
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.拖拽進度條
先添加拖拽手勢識别器
往控制器拖線
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 }