weixin_45448619的博客

原创 歌词同步滚动，比市面的大多数效果都好，在平滑滚动的前提下加上了鼠标滚轮滚动以及上下拖拽功能

歌词滚动核心原理 解析歌词文件，转换成JSON 对象，java 代码放在最下面 将歌词时间部分存到数组，字符部分放到 HTML 标签里面，通过Jquery 选中所有歌词 $ul ，拿到一个类似于数组的集合，这个集合中的每一列，就对应歌词数组的时间 通过歌曲播放时候的 音频控件的 ontimeupdate 方法来执行循环判断，此方法在歌曲播放的时候会被高频调用 在 ontimeupdate 方法体里，用 音频控件的 currentTime 返回的当前播放时间来和时间数组里面的值做比较（此属性会随之播放进度的