简易音乐播放器制作

雨点打透心脏的1/2处 2022-10-02 01:50 321阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

制作简易音乐播放器:

1.功能:音乐列表,播放,暂停,上一曲,下一曲,进度条(显示进度时间,控制进度),随机播放,单曲循环,顺序播放,歌词显示等

2.使用框架:AVFoundation

3.知识点:AVPlayer 使用,pch 文件使用,封装思想,MVC模式,storyBoard的使用,消息发送机制,观察者,block回调,nstimer,nsrunloop,空间约束,第三方使用等

详细过程:

一.布局 :使用 storyBoard 布局

1.歌曲列表界面:使用 TableViewController ,创建相应的 viewController , 继承于 UITableViewController ,与 storyBoard 控件相关联,实现相应方法

2.播放页面:添加相应控件,添加约束条件 , 创建相应的 viewController , 继承于 UIViewController ,与 storyBoard 控件相关联,实现相应方法

难点:播放图片与歌词页面 ----> a.添加一个 ScrollView ,设置适当高度,宽度等于屏幕宽 b. 在ScrollView 添加一个 View ,与 Scroll 等高,宽度是 ScrollView 的两倍,距 ScrollView 上下左为零, c. 在 View 视图添加一个两个 UIView(播放和歌词页面) 子视图,播放页面距 view 上下左都为 0 ,宽度为屏幕宽,歌词页面距 view 页面上下右 都为 0,宽度为屏幕宽.在播放页面添加 imageView 作为播放图片显示,在歌词页面添加 tableView 作为歌词显示.

二.获取歌曲信息

服务器端数据信息不规范,是 plist 文件,可以直接获取 array 形式.

三.对获取信息进行解析

1.建立 Model ,在网络获取到的歌词是 NSString 类型,需要对其进行处理,转化为两个数组,一个存放歌词时间信息,一个存放歌词内容.使用到 NSString 的 componentsSeparatedByString 方法,把字符串根据某个字符切割转化为数据

2.把获取到的数据数组转化为 Model 数据

四.封装播放控制类

1.使用单例:由于播放器在一个程序中只能有一个,如果过多会出现声音杂乱的情况.

2.应用 block :添加 bloak ,使得可以在 ViewController 可以通过回调控制视图,

3.添加监听:用来监听音乐的播放完成和音乐加载完成,实现其相应的操作.

\[\[NSNotificationCenter defaultCenter\] addObserver:self selector:@selector(playToEnd) name:AVPlayerItemDidPlayToEndTimeNotification object:nil\];//监听音乐播放完成

\[playItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil\];//监听音乐加载完成

4.应用NStimer , NSRunloop ,实现对播放的时时控制:使用回调控制 图片旋转,进度条,歌词滚动.

self.timer = \[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(playTimer) userInfo:nil repeats:YES\];  
　　//将定时器加入 runloop 中  
　　\[\[NSRunLoop mainRunLoop\] addTimer:self.timer forMode:NSRunLoopCommonModes\];  
　　\[self.timer fire\];

5.AVPlayer 知识点: a. AVPlayer 需要创建 AVPlayerItem ,数据的加载监听是对他的 status 属性德监听 b. 计算当前播放了多少秒 CGFloat timer = \_avPlayer.currentTime.value / \_avPlayer.currentTime.timescale; c. 获取歌曲总时长: \_sumTime = self.avPlayer.currentItem.duration.value / self.avPlayer.currentItem.duration.timescale; d. 设置特定得时间播放点 self.avPlayer seekToTime:CMTimeMakeWithSeconds(timer \* \_sumTime, self.avPlayer.currentTime.timescale) completionHandler:^(BOOL finished) \{\}\];  
  
　　五.对界面处理

难点:对歌词的处理 \[self.lyricTableView selectRowAtIndexPath:\[self lyricTableViewTime:timer\] animated:YES scrollPosition:UITableViewScrollPositionMiddle\];  
　　　　　　计算 IndexPath 方法:

- (NSIndexPath\*)lyricTableViewTime:(CGFloat)time\{  
　　　　for (int i = 0 ; i < model.timerArray.count ; i++)\{  
　　 CGFloat timeArray = \[model.timerArray\[i\] AG\_StringToTime\];  
　　if (time < timeArray)\{  
　　 return \[NSIndexPath indexPathForItem:(i - 1 > 0 ? i - 1 : 0) inSection:0\];  
　　\}  
　　 \}  
　　 return \[NSIndexPath indexPathForItem:model.timerArray.count - 1 inSection:0\];  
　　\}

使 cell 透明 : cell.backgroundColor = \[UIColor clearColor\];  
　　改变 cell 选中时的背景 : cell.selectedBackgroundView = view;

[自己写的小demo下载][demo]

转载于:https://my.oschina.net/AngeloTsui/blog/663313

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/e4676d8b0ebb492583c11d02e918af32.png
[demo]: http://files.cnblogs.com/files/Ager/MusicTestOne.zip