播放mp3时突出显示文字

Question

我想知道他们是怎么做到的： http://al-quran.info/#1:1

当你演奏一节经文时，第二节经文会播放。它还突出了播放＆＃34;的文字。有一个我可以使用的例子吗？

所以我想要的是点击A节的播放，然后自动播放，高亮显示并滚动B，C等。

我该怎么做？我知道这是通过Jplayer完成的，但我不太了解。

提前谢谢。

Answer 1

大多数HTML5音频播放器都在使用HTML5 audio elements。从javascript的角度来看，您可以访问HTMLMediaElement Interface

中定义的一堆有用的方法和属性

这里给你一张图片是一些带有天真算法的示例代码：

var audioElement;
audioElement = document.getElementById('audioElementID');
while(isPlaying()){
    if(audioElement.ended){ //Indicates whether the media element has ended playback.
        playAndHighlightNext();
    }
}