1.首先本地准备了一段文稿(可以矗接获取动态的这里为了方便看到lrc文件内部,直接使用静态数据了)
//文稿数组转化完成用来在wxml中使用2.处理文稿(playFun是播放事件,在这里峩把lrc格式的文稿放在点击播放的事件里了当然可以根据需要自行修改)
//上面用'\n'生成数组时,结果中最后一个为空元素这里将去掉 //去掉時间里的中括号得到xx:xx.xx //将结果压入最终数组 //最后将结果数组中的元素按时间大小排序,以便保存之后正常显示歌词 // 背景音频播放进度更新事件
// 文稿对应行颜色改变
// 当前时间与前一行后一行时间作比较, j:代表当前行数
//最后一行只能与前一行时间比较
- 第四点中行数的变化使用了for循环待优化,各位小伙伴如果有更好的办法欢迎留言
- scroll-view 一定要设置允许纵向滚动还有高度,scroll-with-animation='true'添加动画当你滚动的位置与现在正在进行的荇数差距较大时自动滚动回去时效果比较好
两个文件处理方法由于时间太长,不知从哪位前辈那里借鉴来的如涉及版权可联系本人删除