怎么用jq实现歌词与歌曲的同步

Question

歌曲的播放我写好了,就是不知道怎么让他和歌词同步起来,有没有大神给段代码啊,就是做成类似下图这样的效果

Answer 1

涉及几个问题。首先，需要有LRC文件，可以放在本地或者用Ajax读取。其次需要解析LRC文件，生成排序的数组。下面的代码供参考。最后，利用标签的currentTime属性获得当前播放的时间，实时刷新歌词显示。具体的显示代码可做成单行（最简单，替换标签内文本即可）、双行或者多行高亮都可以。 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;}

追问

有没有再具体一点的代码,就是最后利用currentTime属性获得当前播放的时间，实时刷新歌词显示的代码