dmathijs / MusicXML2SVG

Javascript code that renders musicxml as an svg

MusicXML2SVG

An ECMAScript 6 Javascript library for converting MusicXML to SVG

Introduction

The goal of this library is to plublicly develop a minimal library that can render svg directly from a MusicXML file.

The svg will be rendered in a container of type:

<div id="musicxml2svg-container" data-src=" ... link to musixcml file ... ">
    <!-- Place where svg will be rendered--->
</div>

Ultimately the goal is to make the library as flexible and extensible as possible in order to allow for additional functionality like audio players, ..

Roadmap

• Render full, half, quarter and eight notes in G Major key
• Render full, half, quarter and eight rests in G Major key
• Make rendering 'division' (time) aware
• ...

Setup for contributors

1. Clone the repository to your local computer.
2. Run npm install to install all dependencies.
3. Develop and run "npm run build" to make webpack perform its magic.
4. Run http-server in the root of the repository to get an overview of all available examples
5. For improvements, feel free to make a PR