标准歌词文件范例:
[ti:黑色幽默] [ar:周杰伦] [al:Jap] [by:歌词吾爱http://www.51lrc.com] [offset:400] [00:02.00]词/曲:周杰伦 [00:05.49]歌词吾爱 [00:09.48]http://www.51lrc.com [00:15.84]难过 是因为闷了很久 [00:21.18]是因为想了太多 [00:24.91]是心理起了作用 [00:30.89]你说 苦笑常常陪着你 [00:36.13]在一起有点勉强 [00:39.83]该不该现在休了我 [02:45.62][00:44.86]不想太多 [02:47.71][00:47.41]我想一定是我听错弄错搞错 [02:53.55][00:53.28]拜托 我想是你的脑袋有问题 [03:00.53][01:00.11]随便说说 [03:04.49][01:02.47]其实我早已经猜透看透不想多说 [03:12.19][01:09.94]只是我怕眼泪撑不住 [03:16.31][01:15.77]不懂 你的黑色幽默 [03:23.51][01:23.25]想通 却又再考倒我 [03:30.61][01:30.63]说散 你想很久了吧? [03:37.92][01:37.72]我不想拆穿你 [03:46.16][01:45.85]当作 是你开的玩笑 [03:53.54][01:53.22]想通 却又再考倒我 [04:16.74][04:01.06][02:00.76]说散 你想很久了吧?
[04:23.15]我的认真败给黑色幽默
结构分析: 1、文件头是记录歌词信息的文字,下面就是时间跟歌词内容的信息了。 2、每一行都是由一到几个用中括号标记的时间值及该时间要显示的歌词内容组成。 如:[04:07.94][02:07.79]败给你的黑色幽默,代表在2分7秒79跟4分7秒94都显示"败给你的黑色幽默"这句歌词。
了解了LRC文件的结构后,就可以利用AS强大的字符串处理功能,把里头包含的一些变量值提取出来。
从范例可见: 歌词文件以行为单位,所以先把文本每行的字符串分别存于一个变量中,但是变量数目不确定,所以就把变量存于数组中。
在LOADLYRICS函数里追加代码:
var OriginLyrics=new Array();//创建一个存放每行歌词的数组对象 OriginLyrics=lyricsString.split(chr(10))//把字符串分析为数组,分隔符为chr(10)+chr(13)(关于这个分隔符,笔者其实还是比较模糊,笔者开始不知道歌词在换行的时候是用了回车符还是换行符.这个分隔符CHR(10)是笔者经过多次尝试后得出来的). for (var i in originLyrics) { if (originLyrics[i] == "") { originLyrics.splice(i, 1); } }//歌词文件里可能有些行是没内容的,这些先删除,以免对后面的分析造成影响。
但是,我们还发现,有些行是多个时间,只有一句歌词.其实这是LRC的压缩格式,为了统一,我们还需要对这些压缩的部分进行"解压",使得每行的组成都是一个时间对应一句歌词。
所以,再定义一个新数组originLyricsBreak,放置解压后的歌词:
下面将以歌词"[04:07.94][02:07.79]败给你的黑色幽默"为例,解释解压歌词的代码:
var originLyricsBreak=new Array(); for (var i in originLyrics) { var originLyricsUnit = originLyrics[i].split("]");//把每行处理为长度为N的数组,里头包含(N-1)个时间信息和一个歌词信息. //例句中的歌词将分为一个长度为3的数组:三项的内容:[04:07.94,[02:07.79,和败给你的黑色幽默 for (i=0; i<=originLyricsUnit.length-2; i++) {//数组下标最大值等于(数组长度-1),这里之用originLyricsUnit.length-2,是因为要把数组的时间信息枚举出来,而最后一项是歌词信息 originLyricsBreak.unshift(originLyricsUnit[i]+"]"+originLyricsUnit[originLyricsUnit.length-1]);//往ORIGINLYRICSBREAK数组添加一个歌词项,其中包括一个时间信息和相应的歌词内容 } //经过一次循环后,ORIGINLYRICSBREAK添加了两项: //"[04:07.94]败给你的黑色幽默" //"[02:07.79]败给你的黑色幽默" }
这样所列出来的歌词时间顺序是乱的,所以先进行一下排序: originLyricsBreak.sort(); 接下来就对每行歌词进行时间和歌词内容的提取操作:定义一个数组LYRICSTEXT存放歌词内容,定义一个数组TIMESTRING存放时间。
for (var i = originLyricsBreak.length-1; i>=0; i--) { var tempText = originLyricsBreak[i].split("]")[1]; // 在时间标记"]"的位置,把每行拆分为长度为2的数组.数组第一项为时间"[02:07.79",第二项为歌词内容"败给你的黑色幽默",在这里取第二项:歌词内容 lyricsText.unshift(tempText);//往LYRICSTEXT添加歌词内容项 var tempTimeString = originLyricsBreak[i].split("]")[0].slice(1);//取上述数组的时间信息"02:07.79",SLICE(1)把"["去掉, timeString.unshift(tempTimeString);//并添加到时间数组. timeValue.unshift(convertToTime(tempTimeString));//因为在TIMESTRING中,它是分:秒.毫秒的形式,不能直接运算,所以要转换为数字的形式.convertToTime是自定义函数,在下面将会介绍. } 在LOADLYRICS函数外定义convertToTime函数: function convertToTime(str) { var times = str.split(":");//如果STR为02:07.79,TIMES数组则有两项:"02"和"07.79" return parseInt(times[0])*60+parseFloat(times[1]);//结果等于2*60+7.79=127.79 }
至此,LRC的分析已经完成,下一步就是要让歌词同步地显示出来。
出处:蓝色理想
责任编辑:moby
上一页 FLASH打造LRC歌词播放器 [1] 下一页 FLASH打造LRC歌词播放器 [3]
◎进入论坛Flash专栏版块参加讨论
|