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

JavaScript024

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

}

首先要将自己要转换的HTML代码准备好。

然后进入 站长工具网 。百度搜索能找到,点击进入,选择“HTML/JS互转”

然后粘贴进去,得到相应的JS代码。

如果现在是直接放到网页中,直接将JS代码贴进去就行了。如果不是直接贴到记事本中。然后保存为JS文件。

然后我们得到JS文件,然后就可以直接上传了。