我要做的是一个微信audio播放器音频字幕随时间高亮的效果。
假如(一个完整的音频包含这些):
“我是一名前端新司机” 5秒
“我是一匹来自西北的狼” 10秒
“我很开心看到大家” 7秒
“XXXXXXXXXXX” 13秒
一个完整的音频包含这些句子(时长:5+10+7+13),后端已把这些数据整理返回到前端。[5,10,7,13]
在音频播放过程中我通过currentTime获取他的当前秒,(这个播放器是可以通过进度条调整的)
setInterval(function() {
audio.currentTime
}, 50);
假如是一个23,我如何通过后端传来的[5,10,7,13],比较是那个区间?如果获取到这个区间我在通过添加类名让他高亮了,就是卡到这了,请各位前辈指点迷经。
<p>我是一名前端新司机</p><p>我是一匹来自西北的狼</p><p class="red">我很开心看到大家</p><p>XXXXXXXXXXX</p>
arr.forEach(function(x,y){ if(y==0){
arr[y]=x
} else{
arr[y]=x+arr[y-1]
}
})
把后台数组处理一下[5,15,22,35]这样不就可以知道23是在arr[2]和arr[3]之间了?