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

@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;

//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];

//3.设置时长
//self.player.duration;  播放器正在播放的音乐文件的时间长度
self.durationLabel.text=[self strWithTime:self.player.duration];

//4.添加定时器
[self addCurrentTimeTimer];

}

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

#pragma mark-定时器控制
/**
*  添加一个定时器
*/
-(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;
}

/**
*  更新播放进度
*/
-(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
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];
}
}
@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];
}
}