涉及几个问题。
首先,需要有LRC文件,可以放在本地或者用Ajax读取。
其次需要解析LRC文件,生成排序的数组。下面的代码供参考。
最后,利用
function parseLyric(text) {
lyric = text.split('\r\n'); //先按行分割
var _l = lyric.length; //获取歌词行数
lrc = new Array(); //新建一个数组存放最后结果
for(i=0;i<_l;i++) {
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无法实现你想要的这个读文件功能。通常做法我觉得应该是把歌词作为页面的一部分或者一个字符串来处理的。