html歌词播放

响应式web音乐播放器插入歌词方法：

1.要先准备导入的歌词文件。注意“音乐播放器支持的歌词是lrc格式”由于编码原因，从他处直接下载的lrc文件重命名后放入歌词文件夹后显示乱码。所以，只好用文本软件打开lrc文件，复制其中的歌词内容，新建lrc文件。

2.从音乐播放器搜索【逝去的歌】并试听，以【旅行团乐队-逝去的歌】为例，文件夹会自动生成lrc。下载并安装【ES文件浏览器】，将准备好的lrc打开，打开方式选文本---【ES文本阅读器】。

3.点击页面的右上角的编辑图标。然后长按屏幕，将歌词内容全部复制。

4.用ES文件管理器打开手机内存，smartisan→music→lyirc新建文件，文件名为【歌曲名$$歌手名.lrc】。如：【逝去的歌$$旅行团.lrc】

5.新建完成后打开，再点编辑图标，将第2步复制的歌词粘贴并保存。保存的换向符选第二个。保存之后就可以正常显示歌词啦！

我做过Flash的播放器，但JS的却没做过，但我想原理应该都是一样的，按照你的说法，要用到JS，对网页中播放器插件进行帧听。

下面就简单的说一下吧

材料：歌曲、歌曲文件列表（可以是XML，也可以是其它的什麼,什么文件都可以）、几条简单的JS语句

处理：

1、生成网页的时候，将音乐播放器插件的ID命名为WMA，当然，你可以随便命名，只是这里便于说明。

2、读取XML中的内容。

同时将XM中对应的歌曲名称与地址存到数组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;

读取当前的时候后，与数组中时间项进行对比，相同(由于其它原因，可能会出现不相同的情况，因此则用“>=”)

如果前当播放时间==歌曲总时间，则用JS对WMA.URL属性进行更改，然后用WMA.controls.play();的地址。

好了，一个简单的JS的播放器就完工啦

有不懂的地方可以访问本人博客，希望共同探讨