源歌词文件如下
[ti:]
[ar:]
[al:]
[by:]
[00:01.09]我爱你中国
[00:07.85]演唱：平安
[00:12.09]
[00:15.51]百灵鸟从蓝天飞过
[00:32.96]我爱你 中国
[00:50.28]
[00:53.52]我爱你 中国
[01:00.37]我爱你 中国
[01:07.00]我爱你春天蓬勃的秧苗
[01:13.74]我爱你秋日金黄的硕果
[01:20.38]我爱你青松气质
[01:26.97]我爱你红梅品格
[01:33.36]我爱你家乡的甜蔗
[01:37.81]好像乳汁滋润着我的心窝
[01:49.65]
[01:51.17]啊 啊
[02:05.39]我要把美好的青春献给你
[02:11.98]我的母亲 我的祖国
[02:35.01]
解析后歌词如下
“我爱你中国”
“演唱：平安”
“”
“百灵鸟从蓝天飞过”
“我爱你 中国”
“”
“我爱你 中国”
“我爱你 中国”
“我爱你春天蓬勃的秧苗”
“我爱你秋日金黄的硕果”
“我爱你青松气质”
“我爱你红梅品格”
“我爱你家乡的甜蔗”
“好像乳汁滋润着我的心窝”
“”
“啊 啊”
“我要把美好的青春献给你”
“我的母亲 我的祖国
获取时间如下，还需要把下列时间的字符串转化为NSTimeInterval
00:01.09
00:07.85
00:12.09
00:15.51
00:32.96
00:50.28
00:53.52
01:00.37
01:07.00
01:13.74
01:20.38
01:26.97
01:33.36
01:37.81
01:49.65
01:51.17
02:05.39
02:11.98
02:35.01
解析方式主要为字符串的截取
// 获取歌词源文件并将内容放入字符串
let pathURLOfLRC = NSBundle.mainBundle().URLForResource(currentSong.lrcSourceName, withExtension: currentSong.lrcSourceType)
let allContentOfLRC = try! NSString(contentsOfURL: pathURLOfLRC!, encoding: NSUTF8StringEncoding)
// 将歌词中的每行字符串截取出来放入数组
var tempArrayOfLRC = allContentOfLRC.componentsSeparatedByString("\n")
// 去掉完全没有内容的空行，数组中每个元素的内容将为“[时间]歌词”
tempArrayOfLRC = tempArrayOfLRC.filter { $0 != "" }
// 将歌词以对应的时间为Key放入字典
for j in 0 ..< tempArrayOfLRC.count {
// 用“]”分割字符串，可能含有多个时间对应个一句歌词的现象,并且歌词可能为空,例如：“[00:12.34][01:56.78]”，这样分割后的数组为：["[00:12.34", "[01:56.78", ""]
var arrContentLRC = tempArrayOfLRC[j].componentsSeparatedByString("]")
// 这里处理非歌词行，例如"[ti:","[ar:"，判断数组中每个元素的第二个字符是不是数字,如果是数字，则这一行是要显示的歌词，进入循环
// number:定义的字符串“0123456789”，辅助判断字符是否为数字
if(number.componentsSeparatedByString((arrContentLRC[0] as NSString).substringWithRange(NSMakeRange(1, 1))).count > 1) {
// 最后一个元素是歌词，不用处理
// 如果有多个时间对应一个歌词，每个时间处理一次
for k in 0..<(arrContentLRC.count - 1) {
// 将元素内容中的“[”去掉
if arrContentLRC[k].containsString("[") {
arrContentLRC[k] = (arrContentLRC[k] as NSString).substringFromIndex(1)
}
// 将时间和歌词对应地放入字典
// time2LRC：定义的字典
// private var time2LRC = [NSTimeInterval: String]()
// calculatString2Time: 编写的将字符串转化为时间的函数
// func calculatString2Time(strTime: NSString) -> NSTimeInterval {
// var arrTime:[NSString] = strTime.componentsSeparatedByString(":")
// let numberTime = arrTime[0].doubleValue * 60 + arrTime[1].doubleValue
// return numberTime
// }
time2LRC[calculatString2Time(arrContentLRC[k] as NSString)] = arrContentLRC[arrContentLRC.count - 1]
}
}
}
在ScrollView显示每行歌词
// 根据歌词行数设置ScrollView的内容范围
self.lrcScrollView.showsVerticalScrollIndicator = false
self.lrcScrollView.contentSize.width = self.view.frame.width * 0.98
self.lrcScrollView.contentSize.height = self.view.frame.height * 0.65 + (heightOfLCRLabel * CGFloat(time2LRC.count))
// 定义的方法：处理歌词显示到ScrollView
showLRCToScrollView()
// 初始化LRCScrollView的位置
self.lrcScrollView.setContentOffset(CGPoint(x: 0, y: 0), animated: true)
- 处理歌词显示到ScrollView的方法 showLRCToScrollView()
func showLRCToScrollView() {
// 定义处理的是第几行歌词
var i:CGFloat = 0
// 因为字典是无序的，所以要用到sort
for key in time2LRC.keys.sort() {
// 创建显示一行歌词的label，并设置位置、大小、内容
let label = UILabel(frame: CGRect(
x: 0,
y: (self.view.frame.height * 0.65 / 2 + (heightOfLCRLabel * i)),
width: self.view.frame.width * 0.98,
height: heightOfLCRLabel))
label.text = time2LRC[key]!
label.backgroundColor = UIColor.clearColor()
label.textColor = UIColor.lightTextColor()
label.textAlignment = NSTextAlignment.Center
label.font = UIFont.systemFontOfSize(16)
// 添加到scrollView
self.lrcScrollView.addSubview(label)
// 添加到数组lrcLabelViewArray
lrcLabelViewArray.append(label)
// 将时间添加到数组lrcTimeArray
lrcTimeArray.append(key)
i += 1
}
}
- 根据时间更新ScrollView的滚动位置
// 因为想要实现只有在时间变化到一行歌词开始的时间才进行一次位置的更新，其他时间不更新
// 需要一个bool标记是否应该更新位置
var isTimeToChangeScrollView = false
// 还需要一个temp来记录当前行歌词的时间，让其与下一行歌词时间对比
var tempLRCTime:NSTimeInterval = 0
// 判断歌曲时间所属于的歌词时间段(寻找时间数组中小于当前时间的最大值)
func maxElementOfLRCTime() -> NSTimeInterval! {
return lrcTimeArray.filter { $0 <= audioPlayer.currentTime }.maxElement()
}
func updateLRCScrollView() {
if lrcTimeArray.isEmpty {
return
}
// audioPlayer:使用iOS的AVAudioPlayerAPI，audioPlayer = AVAudioPlayer(contentsOfURL: path!)
switch audioPlayer.currentTime {
case 0..<lrcTimeArray[0]:
// 不更新位置
isTimeToChangeScrollView = true
return
case lrcTimeArray[0]..<audioPlayer.duration:
// 判断是否是第一次 到达歌词的时间（小于 当前时间 的歌词时间）
if tempLRCTime != maxElementOfLRCTime()! {
tempLRCTime = maxElementOfLRCTime()!
isTimeToChangeScrollView = true
} else {
isTimeToChangeScrollView = false
}
// 更新到当前歌词的位置
if isTimeToChangeScrollView {
// ScrollView滚动到歌词Label的中心位置
let lrcRowNumber = lrcTimeArray.indexOf(tempLRCTime)!
var newOffset = self.lrcScrollView.contentOffset
newOffset.y = lrcLabelViewArray[lrcRowNumber].center.y - self.view.frame.height * 0.65 / 2
self.lrcScrollView.setContentOffset(newOffset, animated: true)
// 取消非当前Label歌词的高亮、字体加大
for itemLabel in lrcLabelViewArray {
itemLabel.textColor = UIColor.lightTextColor()
itemLabel.font = UIFont.systemFontOfSize(16)
}
// 高亮当前Label中的歌词
lrcLabelViewArray[lrcRowNumber].textColor = UIColor.whiteColor()
lrcLabelViewArray[lrcRowNumber].font = UIFont.systemFontOfSize(20)
}
default:
// 不更新位置
return
}
}
到这里，就能够使用Timer定时器，在ScrollView中显示歌词文件的每行歌词，并自动滚动到歌词对应的位置，当前将要唱的歌词还会高亮出来。
