html歌词播放

时间:2024-11-03 00:21:20 来源:学知识网词语词典 作者:管理员

响应式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的播放器就完工啦

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


上一篇:html歌词同步
下一篇:html歌词滚动

TAG标签:播放歌词html

热门排行: 好一点的原唱歌词