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<0) { self.slider.x=0; }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-5-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=8; } #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=0; } 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 / 60; int second=(int)time % 60; 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<0) { self.slider.x=0; }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-5-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