MusicXML input

OSMD can display MusicXML in both .xml and .mxl containers. On this demo page, you can either choose from the list of music below or just drop your own MusicXML on this page.

Renderer

You can select the rendering strategy, by choosing either the Canvas option, or the SVG one.

Zoom level

You control the zoom level of the music sheet displayed. Right now, OSMD is rendering the music piece at 100% on 0px width.

Cursor

OSMD is able to display a simple cursor. You can control the visibility of the cursor and navigate through the piece using the following controls. You can also use the right arrow key to step through the piece.

Sheet music