材料:歌曲、歌曲对应的歌词(可以是XML,当然也可以是歌词专用格式lrc,随便啦,什么文件都可以)、几条简单的JS语句 处理: 1、JSP生成网页的时候,将音乐播放器插件的ID命名为WMA,当然,你可以随便命名,只是这里便于说明。 2、读取XML或LRC内容,利用Ajax加载到id为lrc的div中。 并将XML或LRC的每行的歌词存到数组testmp3中(此数组当然是二维数组,数据组分别播放时间与歌词内容) 好了,到此,准备工作就做好了,下面就是重点---歌词同步。 3、相关语句: 一、定义函数getWMAtime 二、利用Interval=setInterval("getWMAtime()",900),意思就是每隔900毫秒调用getWMAtime这个函数,并将其放入Interval中。 如果要用到“上一曲”“下一曲”,可以将其做为了一个函数, 将音乐的地址赋给WMA.URL,用WMA.controls.play();播放,用WMA.controls.stop();停止播放,用WMA.controls.pause();暂停播放。改变了音乐地址后,记得用Ajax载入新的歌词! 另: getWMAtime函数的内容为读取当前词曲的播放时间 当前的播放时间:WMA.controls.currentPosition; 歌曲总时间:WMA.currentMedia.duration; 读取当前的时候后,与数组中时间项进行对比,相同(由于其它原因,可能会出现不相同的情况,因此则用“>=”)则用Ajax对id为lrc的div进行更改,具体怎么改那就随便你咯,一般就是改变一下指定行的颜色。 如果前当播放时间==歌曲总时间,那么就用clearInterval(Interval),停止Interval继续调用。 好了, 一个简单的JS的歌词同步播放器就完工啦