码迷,mamicode.com
首页 > 移动开发 > 详细

IOS实现多媒体音频之音乐播放器

时间:2015-06-04 22:53:29      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

  随着智能手机市场越来越活跃,相应的app也变得五彩缤纷,各式各样,让你的app更吸引人多媒体技术不可避免。通过对音频和视频等控制让你的app更加丰富多彩,今天和大家一起研究下基本的音频使用。本文只提供部分代码,如果疑问可以下载源码查看。

  功能主界面如下:

技术分享

  1. 首先引入音频播放框架

技术分享

  2、通过故事版搭建界面,由于该步骤很简单,这里不讲解。如图所示:

技术分享

3、定义变量存放数据,并将文件中歌曲信息封装成模型放入数组

/** 加载歌曲数据*/
@property(nonatomic,strong) NSMutableArray * dataArray;
/** 保存cell数据控制颜色*/
@property(nonatomic,strong) NSMutableArray * cellArray;
/** 当前正在播放的音乐*/
@property(nonatomic,strong) JRPlayerViewController * playerVC;
/** 上次播放的音乐*/
@property(nonatomic,strong) NSIndexPath * front;
#pragma mark - 加载数据
- (void) _loadData{
    NSString * path=[[NSBundle mainBundle] pathForResource:@"Musics.plist" ofType:nil];
    NSArray * array=[NSMutableArray arrayWithContentsOfFile:path];
    
    for (NSDictionary * dic in array) {
        JRMusic *music=[JRMusic getMusicByDic:dic];
        [self.dataArray addObject:music];
    }
}

效果图如下:

技术分享

4、点击跳转,加载歌词,这里我们需要解析lrc歌词,将lrc歌词解析为以时间秒数为key以歌词为value的字典并且放入数组中。

#pragma mark - 将数组找时间格式做成字典
- (NSArray *) _makeDicWithArray:(NSArray *) array {
 self.allKeys=[NSMutableArray array];
    self.dataArray=[NSMutableArray array];
for (NSString * str in array) {
 if (str.length) {
            NSInteger location=[str rangeOfString:@"]"].location;
            NSString * front=[str substringToIndex:location+1];
            
            //1将前半部分转换成秒
            NSMutableString * frontTemp=[NSMutableString stringWithString:front];
            [frontTemp replaceOccurrencesOfString:@"[" withString:@"" options:NSCaseInsensitiveSearch range:NSMakeRange(0, frontTemp.length)];
            [frontTemp replaceOccurrencesOfString:@"]" withString:@"" options:NSCaseInsensitiveSearch range:NSMakeRange(0, frontTemp.length)];
            NSArray * temArray=[frontTemp componentsSeparatedByString:@":"];
            CGFloat key=[[temArray firstObject] floatValue]*60+[[temArray lastObject] floatValue];
            [self.allKeys addObject:@(key)];
            
            //2将后半部分截取
            NSString * behind=[str substringFromIndex:location+1];
            [self.dataArray addObject:behind];
        }
       
    }
    for (int i=0;i<10;i++) {
        [self.dataArray addObject:@""];
    }
    
    return nil;
    
}

  5、 根据音乐的播放时间控制文字进行滚动,在音乐进行播放的时候设置一个定时器,根据定时器的时间来获取当前的歌词的key,通过key便能获取当前的歌词,通过表格的滚动方式,将当前的歌词显示到面板上面去

//控制歌词滚动
- (void) show{

   NSInteger index= [self getNowRows];
    NSIndexPath * path=[NSIndexPath indexPathForRow:index inSection:0];
    
    [self.tableView scrollToRowAtIndexPath:path atScrollPosition:UITableViewScrollPositionMiddle animated:YES];
  
    UITableViewCell * cell=[self.tableView cellForRowAtIndexPath:path];
    
    for (UITableViewCell * c in self.allCell) {
        c.textLabel.textColor=[UIColor whiteColor];
        c.textLabel.font=[UIFont systemFontOfSize:16];
    }
    
    cell.textLabel.textColor=[UIColor greenColor];
    cell.textLabel.font=[UIFont boldSystemFontOfSize:18];
    [cell.textLabel adjustsFontSizeToFitWidth];
    

    //设置时间改变
    if (count%2==0&&[player isPlaying]) {
        NSString * times=[self getFomatByTime:player.currentTime];
        self.progress.startTime.text=times;
        //进度+1
        self.progress.slider.value++;
    }
    count++;
    
    //结束循环
    if(player.duration-player.currentTime<1){
        [timer invalidate];
        timer=nil;
        self.progress.startTime.text=[self getFomatByTime:[player duration]];
    }  
}

效果如下:

技术分享

 

6、增加按钮信息,通过按钮来控制上一首,下一首和暂停。此工作通过XIB来完成,如图:

 

技术分享

 

7、通过代理方法实现歌曲切换

#pragma mark - changeSongsDelegate
- (JRMusic *) chageSongsWithFlag:(NSInteger)flag{
    JRMusic * music=nil;
 //如果是上一页或者下一页必须满足不是第一个和最后一个
    if ((flag==2&&self.front.row==self.dataArray.count-1)||(flag==1&&self.front.row==0)) {
        return self.dataArray[self.front.row];
    }
  
 //重新打开
    if (flag==2) {
         music=self.dataArray[self.front.row+1];
         self.front=[NSIndexPath indexPathForRow:self.front.row+1 inSection:0];
    }else{
         music=self.dataArray[self.front.row-1];
         self.front=[NSIndexPath indexPathForRow:self.front.row-1 inSection:0];
    }
    
    //外面列表显示红色
    [self clear];
    JRTableViewCell *cell=(JRTableViewCell *)[self.tableView cellForRowAtIndexPath:self.front];
    cell.titleLabel.textColor=[UIColor redColor];
 
    return music;
}

 

  想要了解更多内容的小伙伴,可以点击查看源码,亲自运行测试。

  疑问咨询或技术交流,请加入官方QQ群:技术分享 (452379712)

 

作者:杰瑞教育
出处:http://blog.csdn.net/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
 

IOS实现多媒体音频之音乐播放器

标签:

原文地址:http://blog.csdn.net/jerehedu/article/details/46365337

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!