如何制作html5音频播放器同步歌词

html5 audio 和 vedio 播放器歌词插件， 直接解析歌词源文件，

只需导入js文件 ， 加入几句 js 代码即可， 默认至此歌词拖拽 ，

默认提供两个解析器， 俩个时间匹配函数。

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

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

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

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

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

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

---