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

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

1、圖片處理

 

說明：

Aspect表示按照原來的寬高比進行縮放。

Aspectfit表示按照原來的寬高比縮放，要求看到所有圖片，後果是不能徹底覆蓋窗口，會留有空白。

Aspectfill表示按照原來的寬高比縮放，但只能看到部分圖片。引起的問題：可能會有一部分超出屏幕。

因此，若是選擇了Aspectfill模式，那麼須要剪切超出的圖片，在storyboard中也能夠進行設置。

下面的兩種設置是等效的。

（1）在storyboard中進行設置

（2）使用代碼裁剪

 

2、播放處理

1.當前歌曲播放結束以後，繼續播放後面的歌曲

　　解決方案：成爲播放器的代理。監聽播放器的播放。

　　

2.播放中斷處理

 1 #pragma mark-音樂播放器的代理
 2 //播放器播放完畢後就會調用該方法
 3 -(void)audioPlayerDidFinishPlaying:(AVAudioPlayer *)player successfully:(BOOL)flag
 4 {
 5     [self next];
 6 }
 7 //當播放器遇到中斷的時候（如來電），調用該方法
 8 -(void)audioPlayerBeginInterruption:(AVAudioPlayer *)player
 9 {
10     if (self.player.isPlaying) {
11         //若是當前正在播放，那麼就暫停
12         [self playOrPause];
13     }
14 }
15 //中斷事件結束後調用下面的方法
16 -(void)audioPlayerEndInterruption:(AVAudioPlayer *)player withOptions:(NSUInteger)flags
17 {
18     //能夠什麼都不作，讓用戶決定是繼續播放仍是暫停
19 }

3.開啓後臺任務

　　說明：新的問題——當播聽任務進入到後臺運行的時候，音樂的播放會中止。

　　解決方案：

　　YYAppDelegate.m文件中的代碼處理以下：

爭取更多的機會：

告訴其是一個音樂播聽任務

　　

4.最好是在音頻播放工具類中也進行處理。

 1 #import "YYAudioTool.h"
 2 
 3 @implementation YYAudioTool
 4 +(void)initialize
 5 {
 6     //音頻會話
 7     AVAudioSession *session =[AVAudioSession sharedInstance];
 8     //設置繪畫類型（播放類型，播放模式，會自動中止其餘音樂的播放）
 9     [session setCategory:AVAudioSessionCategorySoloAmbient error:nil];
10     //激活會話
11     [session setActive:YES error:nil];
12 }
13 //.......

3、建立歌詞控件

建立歌詞控件

歌詞的格式說明：

　　

播放效果：
　　

毛玻璃效果的實現

（1）讓美工提供一張半透明的圖片

（2）利用一大堆的圖形算法生成毛玻璃樣式的UIImage對象

這裏使用一個第三方框架來生成毛玻璃效果

　　毛玻璃：英文blur

　　第三方框架：DRNRealTimeBlur

具體實現：

　　新建一個類，讓其繼承自，就可以實現毛玻璃效果。

　　

在xib中添加一個歌詞控件。

注意歌詞控件的層級關係，退出和詞圖兩個按鈕應該在歌詞控件的上面，這樣纔可以點擊切換。

把該控件和新建的類進行關聯。

　　

添加約束，並清空其背景顏色。默認不顯示，（設置隱藏）

　　

毛玻璃效果以下：

　　

 

簡單的代碼處理以下：

YYLrcView.m文件

 1 //
 2 //  YYLrcView.m
 3 //  24-音頻處理（音樂播放器5）
 4 //
 5 //  Created by apple on 14-8-15.
 6 //  Copyright (c) 2014年 yangyong. All rights reserved.
 7 //
 8 
 9 #import "YYLrcView.h"
10 
11 @interface YYLrcView ()<UITableViewDataSource,UITableViewDelegate>
12 @property(nonatomic,strong)UITableView *tableView;
13 @end
14 @implementation YYLrcView
15 
16 - (id)initWithFrame:(CGRect)frame
17 {
18     self = [super initWithFrame:frame];
19     if (self) {
20         [self setup];
21     }
22     return self;
23 }
24 
25 -(id)initWithCoder:(NSCoder *)aDecoder
26 {
27     self=[super initWithCoder:aDecoder];
28     if (self) {
29         [self setup];
30     }
31     return self;
32 }
33 
34 -(void)setup
35 {
36     //添加表格控件
37     UITableView *tableView=[[UITableView alloc]init];
38     tableView.delegate=self;
39     tableView.dataSource=self;
40     [self addSubview:tableView];
41     self.tableView=tableView;
42 }
43 
44 #pragma mark-公共方法
45 -(void)setLrcname:(NSString *)lrcname
46 {
47     _lrcname=[lrcname copy];
48 }
49 
50 #pragma mark-數據源方法
51 #warning TODO
52 
53 @end

代碼說明：

注意：不要認爲只有控制器才能做爲tableView的數據源和代理。這也就是爲何代理和數據源屬性的類型爲id的緣由，遵照其協議便可作其代理和數據源。

-(id)initWithCoder:。從文件中讀取一個對象的時候調用，爲了程序的嚴謹性，建議在兩個方法中調用初始化的代碼。

調用這個方法，說明對象是從文件中解析出來的。

若是是經過代碼alloc\init建立的對象，那麼調用-(id)initWithFrame:方法。

說明：xib文件的本質是xml文件。

4、主控制器的代碼補充

YYPlayingViewController.m文件

  1 //
  2 //  YYPlayingViewController.m
  3 //
  4 
  5 #import "YYPlayingViewController.h"
  6 #import "YYMusicTool.h"
  7 #import "YYMusicModel.h"
  8 #import "YYAudioTool.h"
  9 #import "YYLrcView.h"
 10 
 11 @interface YYPlayingViewController ()<AVAudioPlayerDelegate>
 12 - (IBAction)lyricOrPic:(UIButton *)sender;  13 @property (weak, nonatomic) IBOutlet YYLrcView *lrcView;  14 //顯示拖拽進度
 15 @property (weak, nonatomic) IBOutlet UIButton *currentTimeView;
 16 //進度條
 17 @property (weak, nonatomic) IBOutlet UIView *progressView;
 18 //滑塊
 19 @property (weak, nonatomic) IBOutlet UIButton *slider;
 20 @property (weak, nonatomic) IBOutlet UIImageView *iconView;
 21 @property (weak, nonatomic) IBOutlet UILabel *songLabel;
 22 @property (weak, nonatomic) IBOutlet UILabel *singerLabel;
 23 //當前播放的音樂的時長
 24 @property (weak, nonatomic) IBOutlet UILabel *durationLabel;
 25 //正在播放的音樂
 26 @property(nonatomic,strong)YYMusicModel *playingMusic;
 27 //音樂播放器對象
 28 @property(nonatomic,strong)AVAudioPlayer *player;
 29 //定時器
 30 @property(nonatomic,strong)NSTimer *CurrentTimeTimer;
 31 - (IBAction)exit;
 32 - (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender;
 33 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender;
 34 - (IBAction)previous;
 35 - (IBAction)playOrPause;
 36 - (IBAction)next;
 37 @property (weak, nonatomic) IBOutlet UIButton *playOrPauseButton;
 38 
 39 @end
 40 
 41 @implementation YYPlayingViewController
 42 
 43 -(void)viewDidLoad
 44 {
 45     [super viewDidLoad];
 46     
 47     //裁剪圓角
 48     self.currentTimeView.layer.cornerRadius=8;
 49     
 50 }
 51 #pragma mark-公共方法
 52 -(void)show
 53 {
 54     //1.禁用整個app的點擊事件
 55     UIWindow *window=[UIApplication sharedApplication].keyWindow;
 56     window.userInteractionEnabled=NO;
 57     
 58     //2.添加播放界面
 59     //設置View的大小爲覆蓋整個窗口
 60     self.view.frame=window.bounds;
 61     //設置view顯示
 62     self.view.hidden=NO;
 63     //把View添加到窗口上
 64     [window addSubview:self.view];
 65     
 66     //3.檢測是否換了歌曲
 67     if (self.playingMusic!=[YYMusicTool playingMusic]) {
 68         [self resetPlayingMusic];
 69     }
 70     
 71     //4.使用動畫讓View顯示
 72     self.view.y=self.view.height;
 73     [UIView animateWithDuration:0.25 animations:^{
 74         self.view.y=0;
 75     } completion:^(BOOL finished) {
 76         
 77         //設置音樂數據
 78         [self starPlayingMusic];
 79         window.userInteractionEnabled=YES;
 80     }];
 81 }
 82 
 83 
 84 #pragma mark-私有方法
 85 //重置正在播放的音樂
 86 -(void)resetPlayingMusic
 87 {
 88     //1.重置界面數據
 89     self.iconView.image=[UIImage imageNamed:@"play_cover_pic_bg"];
 90     self.songLabel.text=nil;
 91     self.singerLabel.text=nil;
 92     
 93     //2.中止播放
 94     [YYAudioTool stopMusic:self.playingMusic.filename];
 95     //把播放器進行清空
 96     self.player=nil;
 97     
 98     //3.中止定時器
 99     [self removeCurrentTime];
100     
101     //4.設置音樂播放按鈕的狀態
102     self.playOrPauseButton.selected=NO;
103 }
104 //開始播放音樂數據
105 -(void)starPlayingMusic
106 {
107     //1.設置界面數據
108     
109     //若是當前播放的音樂就是傳入的音樂，那麼就直接返回
110     if (self.playingMusic==[YYMusicTool playingMusic])
111     {
112         //把定時器加進去
113         [self addCurrentTimeTimer];
114         return;
115     }
116     //存取音樂
117     self.playingMusic=[YYMusicTool playingMusic];
118     self.iconView.image=[UIImage imageNamed:self.playingMusic.icon];
119     self.songLabel.text=self.playingMusic.name;
120     self.singerLabel.text=self.playingMusic.singer;
121     
122     //2.開始播放
123     self.player = [YYAudioTool playMusic:self.playingMusic.filename];
124     self.player.delegate=self;
125     
126     //3.設置時長
127     //self.player.duration;  播放器正在播放的音樂文件的時間長度
128     self.durationLabel.text=[self strWithTime:self.player.duration];
129     
130     //4.添加定時器
131     [self addCurrentTimeTimer];
132     
133     //5.設置音樂播放按鈕的狀態
134     self.playOrPauseButton.selected=YES;
135     
136     //6.設置歌詞
137     self.lrcView.lrcname=self.playingMusic.lrcname; 138 }
139 
140 /**
141  *把時間長度-->時間字符串
142  */
143 -(NSString *)strWithTime:(NSTimeInterval)time
144 {
145     int minute=time / 60;
146     int second=(int)time % 60;
147     return [NSString stringWithFormat:@"%d:%d",minute,second];
148 }
149 
150 #pragma mark-定時器控制
151 /**
152  *  添加一個定時器
153  */
154 -(void)addCurrentTimeTimer
155 {
156     //若是當前沒有在播放，那麼就直接返回
157     if (self.player.isPlaying==NO) return;
158     
159     //在添加一個定時器以前，先把之前的定時器移除
160     [self removeCurrentTime];
161     
162     //提早先調用一次進度更新，以保證定時器的工做時及時的
163     [self updateCurrentTime];
164     
165     //建立一個定時器，每一秒鐘調用一次
166     self.CurrentTimeTimer=[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateCurrentTime) userInfo:nil repeats:YES];
167     //把定時器加入到運行時中
168     [[NSRunLoop mainRunLoop]addTimer:self.CurrentTimeTimer forMode:NSRunLoopCommonModes];
169 }
170 /**
171  *移除一個定時器
172  */
173 -(void)removeCurrentTime
174 {
175     [self.CurrentTimeTimer invalidate];
176     
177     //把定時器清空
178     self.CurrentTimeTimer=nil;
179 }
180 
181 /**
182  *  更新播放進度
183  */
184 -(void)updateCurrentTime
185 {
186     //1.計算進度值
187     double progress=self.player.currentTime/self.player.duration;
188     
189     //2.計算滑塊的x值
190     // 滑塊的最大的x值
191     CGFloat sliderMaxX=self.view.width-self.slider.width;
192     self.slider.x=sliderMaxX*progress;
193     //設置滑塊上的當前播放時間
194     [self.slider setTitle:[self strWithTime:self.player.currentTime] forState:UIControlStateNormal];
195     
196     //3.設置進度條的寬度
197     self.progressView.width=self.slider.center.x;
198     
199 }
200 
201 #pragma mark-內部的按鈕監聽方法
202 //返回按鈕
203 - (IBAction)exit {
204     
205     //0.移除定時器
206     [self  removeCurrentTime];
207     //1.禁用整個app的點擊事件
208     UIWindow *window=[UIApplication sharedApplication].keyWindow;
209     window.userInteractionEnabled=NO;
210     
211     //2.動畫隱藏View
212     [UIView animateWithDuration:0.25 animations:^{
213         self.view.y=window.height;
214     } completion:^(BOOL finished) {
215         window.userInteractionEnabled=YES;
216         //設置view隱藏可以節省一些性能
217         self.view.hidden=YES;
218     }];
219     
220 }
221 
222 /**
223  *點擊了進度條
224  */
225 - (IBAction)tapProgressBg:(UITapGestureRecognizer *)sender {
226     //獲取當前單擊的點
227     CGPoint point=[sender locationInView:sender.view];
228     //切換歌曲的當前播放時間
229     self.player.currentTime=(point.x/sender.view.width)*self.player.duration;
230     //更新播放進度
231     [self updateCurrentTime];
232 }
233 /**
234  *拖動滑塊
235  */
236 - (IBAction)panSlider:(UIPanGestureRecognizer *)sender {
237     
238     //1.得到挪動的距離
239     CGPoint t=[sender translationInView:sender.view];
240     //把挪動清零
241     [sender setTranslation:CGPointZero inView:sender.view];
242     
243     //2.控制滑塊和進度條的frame
244     CGFloat sliderMaxX=self.view.width-self.slider.width;
245     self.slider.x+=t.x;
246     //控制滑塊的frame，不讓其越界
247     if(self.slider.x<0)
248     {
249         self.slider.x=0;
250     }else if (self.slider.x>sliderMaxX)
251     {
252         self.slider.x=sliderMaxX;
253     }
254     //設置進度條的寬度
255     self.progressView.width=self.slider.center.x;
256     
257     //3.設置時間值
258     double progress=self.slider.x/sliderMaxX;
259     //當前的時間值=音樂的時長*當前的進度值
260     NSTimeInterval time=self.player.duration*progress;
261     [self.slider setTitle:[self strWithTime:time] forState:UIControlStateNormal];
262     
263     //設置拖拽進度的X的值
264     self.currentTimeView.x=self.slider.x;
265     [self.currentTimeView setTitle:self.slider.currentTitle forState:UIControlStateNormal];
266     
267     //4.若是開始拖動，那麼就中止定時器
268     if (sender.state==UIGestureRecognizerStateBegan) {
269         //中止定時器
270         [self removeCurrentTime];
271         
272         //設置拖拽進度
273         //顯示
274         self.currentTimeView.hidden=NO;
275         self.currentTimeView.y=self.currentTimeView.superview.height-5-self.currentTimeView.height;
276         
277     }else if(sender.state==UIGestureRecognizerStateEnded)
278     {
279         //隱藏
280         self.currentTimeView.hidden=YES;
281         //設置播放器播放的時間
282         self.player.currentTime=time;
283 #warning 若是正在播放，才須要添加定時器
284 //        if (self.player.isPlaying) {
285         //開啓定時器
286         [self addCurrentTimeTimer];
287 //        }
288     }
289 }
290 
291 //上一首
292 - (IBAction)previous {
293     //1.在開始播放以前，禁用一切的app點擊事件
294     UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
295     window.userInteractionEnabled=NO;
296     
297     //2.重置當前歌曲
298     [self resetPlayingMusic];
299     
300     //3.得到上一首歌曲
301     [YYMusicTool setPlayingMusic:[YYMusicTool previousMusic]];
302     
303     //4.播放上一首歌曲
304     [self starPlayingMusic];
305     
306     //5.回覆window的點擊爲可用
307     window.userInteractionEnabled=YES;
308 }
309 //下一首
310 - (IBAction)next {
311     //1.在開始播放以前，禁用一切的app點擊事件
312     UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
313     window.userInteractionEnabled=NO;
314     
315     //2.重置當前歌曲
316     [self resetPlayingMusic];
317     
318     //3.得到下一首歌曲
319     [YYMusicTool setPlayingMusic:[YYMusicTool nextMusic]];
320     
321     //4.播放下一首歌曲
322     [self starPlayingMusic];
323     
324     //5.回覆window的點擊爲可用
325     window.userInteractionEnabled=YES;
326 }
327 
328 //繼續或暫停播放
329 - (IBAction)playOrPause {
330     if (self.playOrPauseButton.isSelected) {//暫停
331         self.playOrPauseButton.selected=NO;
332         //暫停播放
333         [YYAudioTool pauseMusic:self.playingMusic.filename];
334         //停掉定時器
335         [self removeCurrentTime];
336     }else
337     {
338         self.playOrPauseButton.selected=YES;
339         //繼續播放
340         [YYAudioTool playMusic:self.playingMusic.filename];
341         //開啓定時器
342         [self addCurrentTimeTimer];
343     }
344 }
345 
346 #pragma mark-音樂播放器的代理
347 //播放器播放完畢後就會調用該方法
348 -(void)audioPlayerDidFinishPlaying:(AVAudioPlayer *)player successfully:(BOOL)flag 349 { 350  [self next]; 351 } 352 //當播放器遇到中斷的時候（如來電），調用該方法
353 -(void)audioPlayerBeginInterruption:(AVAudioPlayer *)player 354 { 355     if (self.player.isPlaying) { 356         //若是當前正在播放，那麼就暫停
357  [self playOrPause]; 358  } 359 } 360 //中斷事件結束後調用下面的方法
361 -(void)audioPlayerEndInterruption:(AVAudioPlayer *)player withOptions:(NSUInteger)flags 362 { 363     //能夠什麼都不作，讓用戶決定是繼續播放仍是暫停
364 } 365 - (IBAction)lyricOrPic:(UIButton *)sender { 366     if (self.lrcView.hidden) { 367         //顯示歌詞
368         self.lrcView.hidden=NO; 369         sender.selected=YES; 370     }else
371  { 372         //隱藏歌詞，顯示歌手圖片
373         self.lrcView.hidden=YES; 374         sender.selected=NO; 375  } 376 } 377 @end