iOS开发拓展篇—音频处理（音乐播放器5）
实现效果：
一、半透明滑块的设置
/**
*拖动滑块
*/
- (IBAction)panSlider:(UIPanGestureRecognizer *)sender { //1.获得挪动的距离
CGPoint t=[sender translationInView:sender.view];
//把挪动清零
[sender setTranslation:CGPointZero inView:sender.view]; //2.控制滑块和进度条的frame
CGFloat sliderMaxX=self.view.width-self.slider.width;
self.slider.x+=t.x;
//控制滑块的frame，不让其越界
if(self.slider.x<)
{
self.slider.x=;
}else if (self.slider.x>sliderMaxX)
{
self.slider.x=sliderMaxX;
}
//设置进度条的宽度
self.progressView.width=self.slider.center.x; //3.设置时间值
double progress=self.slider.x/sliderMaxX;
//当前的时间值=音乐的时长*当前的进度值
NSTimeInterval time=self.player.duration*progress;
[self.slider setTitle:[self strWithTime:time] forState:UIControlStateNormal]; //设置拖拽进度的X的值
self.currentTimeView.x=self.slider.x;
[self.currentTimeView setTitle:self.slider.currentTitle forState:UIControlStateNormal]; //4.如果开始拖动，那么就停止定时器
if (sender.state==UIGestureRecognizerStateBegan) {
//停止定时器
[self removeCurrentTime]; //设置拖拽进度
//显示
self.currentTimeView.hidden=NO;
self.currentTimeView.y=self.currentTimeView.superview.height--self.currentTimeView.height; }else if(sender.state==UIGestureRecognizerStateEnded)
{
//隐藏
self.currentTimeView.hidden=YES;
//设置播放器播放的时间
self.player.currentTime=time;
#warning 如果正在播放，才需要添加定时器
// if (self.player.isPlaying) {
//开启定时器
[self addCurrentTimeTimer];
// }
}
}
裁剪圆角的细节处理：
二、播放或暂停、上一首、下一首的实现
//上一首
- (IBAction)previous {
//1.在开始播放之前，禁用一切的app点击事件
UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
window.userInteractionEnabled=NO; //2.重置当前歌曲
[self resetPlayingMusic]; //3.获得上一首歌曲
[YYMusicTool setPlayingMusic:[YYMusicTool previousMusic]]; //4.播放上一首歌曲
[self starPlayingMusic]; //5.回复window的点击为可用
window.userInteractionEnabled=YES;
}
//下一首
- (IBAction)next {
//1.在开始播放之前，禁用一切的app点击事件
UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
window.userInteractionEnabled=NO; //2.重置当前歌曲
[self resetPlayingMusic]; //3.获得下一首歌曲
[YYMusicTool setPlayingMusic:[YYMusicTool nextMusic]]; //4.播放下一首歌曲
[self starPlayingMusic]; //5.回复window的点击为可用
window.userInteractionEnabled=YES;
} //继续或暂停播放
- (IBAction)playOrPause {
if (self.playOrPauseButton.isSelected) {//暂停
self.playOrPauseButton.selected=NO;
//暂停播放
[YYAudioTool pauseMusic:self.playingMusic.filename];
//停掉定时器
[self removeCurrentTime];
}else
{
self.playOrPauseButton.selected=YES;
//继续播放
[YYAudioTool playMusic:self.playingMusic.filename];
//开启定时器
[self addCurrentTimeTimer];
}
}
说明：播放和暂停按钮的图片设置在两种状态下并不一样，设置播放按钮的状态
三、对存在的bug进行改进
拖拽还存在问题（定时器的问题）
更好的方法时在添加定时器的地方进行更细的控制：
/**
* 添加一个定时器
*/
-(void)addCurrentTimeTimer
{
//如果当前没有在播放，那么就直接返回
if (self.player.isPlaying==NO) return; //在添加一个定时器之前，先把以前的定时器移除
[self removeCurrentTime]; //提前先调用一次进度更新，以保证定时器的工作时及时的
[self updateCurrentTime]; //创建一个定时器，每一秒钟调用一次
self.CurrentTimeTimer=[NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateCurrentTime) userInfo:nil repeats:YES];
//把定时器加入到运行时中
[[NSRunLoop mainRunLoop]addTimer:self.CurrentTimeTimer forMode:NSRunLoopCommonModes];
}
四、补充
完整的代码如下：
//
// 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 UIButton *currentTimeView;
//进度条
@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;
- (IBAction)previous;
- (IBAction)playOrPause;
- (IBAction)next;
@property (weak, nonatomic) IBOutlet UIButton *playOrPauseButton; @end @implementation YYPlayingViewController -(void)viewDidLoad
{
[super viewDidLoad]; //裁剪圆角
self.currentTimeView.layer.cornerRadius=; }
#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 resetPlayingMusic];
} //4.使用动画让View显示
self.view.y=self.view.height;
[UIView animateWithDuration:0.25 animations:^{
self.view.y=;
} completion:^(BOOL finished) { //设置音乐数据
[self starPlayingMusic];
window.userInteractionEnabled=YES;
}];
} #pragma mark-私有方法
//重置正在播放的音乐
-(void)resetPlayingMusic
{
//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]; //4.设置音乐播放按钮的状态
self.playOrPauseButton.selected=NO;
}
//开始播放音乐数据
-(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]; //5.设置音乐播放按钮的状态
self.playOrPauseButton.selected=YES;
} /**
*把时间长度-->时间字符串
*/
-(NSString *)strWithTime:(NSTimeInterval)time
{
int minute=time / ;
int second=(int)time % ;
return [NSString stringWithFormat:@"%d:%d",minute,second];
} #pragma mark-定时器控制
/**
* 添加一个定时器
*/
-(void)addCurrentTimeTimer
{
//如果当前没有在播放，那么就直接返回
if (self.player.isPlaying==NO) return; //在添加一个定时器之前，先把以前的定时器移除
[self removeCurrentTime]; //提前先调用一次进度更新，以保证定时器的工作时及时的
[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
CGFloat sliderMaxX=self.view.width-self.slider.width;
self.slider.x+=t.x;
//控制滑块的frame，不让其越界
if(self.slider.x<)
{
self.slider.x=;
}else if (self.slider.x>sliderMaxX)
{
self.slider.x=sliderMaxX;
}
//设置进度条的宽度
self.progressView.width=self.slider.center.x; //3.设置时间值
double progress=self.slider.x/sliderMaxX;
//当前的时间值=音乐的时长*当前的进度值
NSTimeInterval time=self.player.duration*progress;
[self.slider setTitle:[self strWithTime:time] forState:UIControlStateNormal]; //设置拖拽进度的X的值
self.currentTimeView.x=self.slider.x;
[self.currentTimeView setTitle:self.slider.currentTitle forState:UIControlStateNormal]; //4.如果开始拖动，那么就停止定时器
if (sender.state==UIGestureRecognizerStateBegan) {
//停止定时器
[self removeCurrentTime]; //设置拖拽进度
//显示
self.currentTimeView.hidden=NO;
self.currentTimeView.y=self.currentTimeView.superview.height--self.currentTimeView.height; }else if(sender.state==UIGestureRecognizerStateEnded)
{
//隐藏
self.currentTimeView.hidden=YES;
//设置播放器播放的时间
self.player.currentTime=time;
#warning 如果正在播放，才需要添加定时器
// if (self.player.isPlaying) {
//开启定时器
[self addCurrentTimeTimer];
// }
}
} //上一首
- (IBAction)previous {
//1.在开始播放之前，禁用一切的app点击事件
UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
window.userInteractionEnabled=NO; //2.重置当前歌曲
[self resetPlayingMusic]; //3.获得上一首歌曲
[YYMusicTool setPlayingMusic:[YYMusicTool previousMusic]]; //4.播放上一首歌曲
[self starPlayingMusic]; //5.回复window的点击为可用
window.userInteractionEnabled=YES;
}
//下一首
- (IBAction)next {
//1.在开始播放之前，禁用一切的app点击事件
UIWindow *window=[[UIApplication sharedApplication].windows lastObject];
window.userInteractionEnabled=NO; //2.重置当前歌曲
[self resetPlayingMusic]; //3.获得下一首歌曲
[YYMusicTool setPlayingMusic:[YYMusicTool nextMusic]]; //4.播放下一首歌曲
[self starPlayingMusic]; //5.回复window的点击为可用
window.userInteractionEnabled=YES;
}
//继续或暂停播放
- (IBAction)playOrPause {
if (self.playOrPauseButton.isSelected) {//暂停
self.playOrPauseButton.selected=NO;
//暂停播放
[YYAudioTool pauseMusic:self.playingMusic.filename];
//停掉定时器
[self removeCurrentTime];
}else
{
self.playOrPauseButton.selected=YES;
//继续播放
[YYAudioTool playMusic:self.playingMusic.filename];
//开启定时器
[self addCurrentTimeTimer];
}
} @end