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

html-css036

如何制作html5音频播放器同步歌词,第1张

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

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

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

<div>

<bgsound src="音乐/1.mp3"></bgsound></div>

或者放在div的外面也行。这个的文件路径是:音乐/1.mp3

你仿造着做就行:新建个“音乐”文件夹,在里面粘贴几首音乐,然后在.htm文件里输个这样的<bgsound src="音乐/1.mp3"></bgsound>路径就好了,在浏览器中查看,就能听到你所要的音乐了。

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