我要做的是一个微信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>
尚方宝剑之说
相关分类