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

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

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

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

可以去H5edu看看，其HTML5培训课程融合了HTML5开发基础课程、CSS3基础课程和移动前端交互JavaScript+JQuery+Ajex等课程,从入门到精通,让开发者全面学习HTML5

html播放音频用<audio>标签。

 <audio>

        <source src="music.mp3">

        <source src="music.ogg">

        <source src="music.wav">

    </audio>

1、<audio>标签是HTML5音乐播放器。

<audio>标签：用于在文档中表示音频内容。利用它，你可以在你的个人网站上放一首你喜欢的歌

2、用法跟<video>标签一样，属性src指定音频文件地址。<audio>标签默认是隐藏的。

3、为了方便我们对音频文件进行控制， *** 作它的进度、播放暂停、音量等等，我们可以给它添加controls属性：<audio src="m.mp3" controls></audio>。对于加上了controls属性， 不同的浏览器会展示不同样式的控制面板。

4、跟<video>标签一样，<audio>标签也 source、autoplay  loop、preload等属性 。

( chrome浏览器的音频控制面板 )

---