How to implement the _javascript technique of making lyrics roll play based on JavaScript

A variety of music players have an automatic scrolling function of the lyrics, the current scroll to the lyrics will be highlighted in the center, even if the lyrics are changed lines can be normal center, then this function based on JavaScript how to achieve the lyrics scrolling? Please read the following detailed.

The general music Player uses the lyrics format is LRC, in order to facilitate processing, we use the XML format lyrics here. Introduce a website: Chinese lyrics library. It provides lyrics in XML format.

Let's take a look at the final effect of this example:

Here is the specific code based on jquery:

<! DOCTYPE html>  

The above is a detailed description of this article based on JavaScript how to achieve the full content of the lyrics scrolling, I hope you like.