{ "instTab": { "25":"my_steel_guitar", "36":"yam_plec_bass", "128":"synth_drum"}, "withRT": 1, "sf2url1": "./", "sf2url2": "./jssf_files/", "midijsUrl1": "./" }

This is a simple HTML document with embedded ABC music code. The music is rendered as SVG pictures. The score area has a grey background for this demonstration.

Play back is started by clicking inside the score. Clicking outside the score area stops playback.

With a keyboard the space bar starts/stops the music and the arrow keys can be used to move the cursor.

The dotted line marks the vertical position to which the note cursor will scroll.
The line can be moved by dragging.
It can also be hidden with the parameter "noDash:1" as shown in this example

Playback does real-time synthesis in the browser using .sf2 sound fonts.

The ABC examples are inside an unordered list (<ul>) to show that positioning the cursor in the music works accurately, independent of horizontal and vertical offset by HTML layout.

End of Demo