This is a simple HTML document with embedded ABC music code. The music is rendered as SVG pictures that allow play back by clicking inside the score. Clicking outside the score area stops playback. The score area has a grey background for this demonstration.

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

wait until soundfonts are loaded ...