There are two types of animation available. The type that is demonstrated here does not require the MIDI option, so it can be used with the smaller, basic library. To see the type of animation that can be synced up with the sound, go to the Audio page. There are three effects that can be achieved here: a cursor, the measures disappearing after they've been played, and the measures disappearing just before they're to be played. The effects can be combined.

You must check at least one of these checkboxes to see the animation.


import abcjs from 'abcjs'; const tunes = abcjs.renderAbc("paper", abcString, { add_classes: true }); abcjs.startAnimation("paper", tunes[0], { }); abcjs.stopAnimation(); abcjs.pauseAnimation(true || false);