首先我们可以看到大多数从后端请求的数据都是这样的
这个时候我们需要用正则以及各种循环把歌词进行重新整理为对象数据
随后就进行页面渲染,然后我们监听歌曲播放的时间,使用添加class的方式对歌词进行高亮操作
最后我们需要最后一步实现歌词滚动即可,我们先声明一个函数对函数内部的做改变高亮歌词的top值即可
在上面调用函数传过来当前的时间和当前播放到的索引值
最后我们看一下效果
这样就实现了歌词滚动
首先我们可以看到大多数从后端请求的数据都是这样的
这个时候我们需要用正则以及各种循环把歌词进行重新整理为对象数据
随后就进行页面渲染,然后我们监听歌曲播放的时间,使用添加class的方式对歌词进行高亮操作
最后我们需要最后一步实现歌词滚动即可,我们先声明一个函数对函数内部的做改变高亮歌词的top值即可
在上面调用函数传过来当前的时间和当前播放到的索引值
最后我们看一下效果
这样就实现了歌词滚动