搭建项目小记 03 歌词部分

哈哈哈哈多好听

2022-09-13 123 阅读1分钟

将接到的响应的歌词数据，先按照每句分成歌词（字符串）数组的形式。如下

然后处理该数组，将数组里的歌词字符串改成对象的形式，即每句歌词对象里面，有 time 存的是该句歌词开始的时间，有content存的是该句歌词的内容。
在歌词展现模块，添加状态，当前那一句歌词的index，然后根据歌曲当前播放的时间和该句歌词的偏移事件 Timeoffset 来不断更新 index 进行当前歌词的高亮显示！！！

滚动事件 scroll 是根据，算出滚动到当前歌词的 index ，然后再设置滚动的像素。