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的播放器就完工啦
有不懂的地方可以访问本人博客,希望共同探讨