js怎么调用LRC歌词文件,在线等

JavaScript013

js怎么调用LRC歌词文件,在线等,第1张

涉及几个问题。

首先,需要有LRC文件,可以放在本地或者用Ajax读取。

其次需要解析LRC文件,生成排序的数组。下面的代码供参考。

最后,利用<audio>标签的currentTime属性获得当前播放的时间,实时刷新歌词显示。具体的显示代码可做成单行(最简单,替换标签内文本即可)、双行或者多行高亮都可以。

function parseLyric(text) {

lyric = text.split('\r\n') //先按行分割

var _l = lyric.length //获取歌词行数

lrc = new Array() //新建一个数组存放最后结果

for(i=0i<_li++) {

    var d = lyric[i].match(/\[\d{2}:\d{2}((\.|\:)\d{2})\]/g)  //正则匹配播放时间

    var t = lyric[i].split(d) //以时间为分割点分割每行歌词,数组最后一个为歌词正文

    if(d != null) { //过滤掉空行等非歌词正文部分

        //换算时间,保留两位小数

        var dt = String(d).split(':') 

        var _t = Math.round(parseInt(dt[0].split('[')[1])*60+parseFloat(dt[1].split(']')[0])*100)/100 

        lrc.push([_t, t[1]])

    }

return lrc

}

他的js里强制转换了document.domain

if(addrlocation.indexOf(".9ku.com")!=-1)document.domain="9ku.com"

if(addrlocation.indexOf("?qq-pf-to")!=-1)addrlocation=addrlocation.split("?qq-pf-to")[0]

再往下的没看,这里改了不行的话再追问

听见下雨的声音 - 周杰伦

词:方文山

曲:周杰伦

竹篱上停留着蜻蜓

玻璃瓶里插满小小森林

青春 嫩绿得很鲜明

百叶窗折射的光影

像有着心事的一张表情

而你 低头拆信

想知道关于我的事情

青苔入镜 檐下风铃

摇晃曾经

回忆是一行行无从剪接的风景

爱始终年轻

而我听见下雨的声音

想起你用唇语说爱情

幸福也可以很安静

我付出一直很小心

终于听见下雨的声音

于是我的世界 被吵醒

就怕情绪红了眼睛

不舍的泪在彼此的脸上透明

百叶窗折射的光影

像有着心事的一张表情

而你 低头拆信

想知道关于我的事情

爱在过境 缘份不停

谁在担心

窗台上滴落的雨滴

轻敲着伤心 凄美而动听

而我听见下雨的声音

想起你用唇语 说爱情

热恋的时刻最任性

不顾一切的给约定

终于听见下雨的声音

于是我的世界被吵醒

发现你始终 很靠近

默默的陪在我身边

态度坚定

雨的声音