{"id":10848,"date":"2013-08-07T13:36:07","date_gmt":"2013-08-07T17:36:07","guid":{"rendered":"http:\/\/mith.umd.edu\/?p=10848"},"modified":"2020-10-08T16:00:40","modified_gmt":"2020-10-08T20:00:40","slug":"improving-mei-to-vexflow","status":"publish","type":"post","link":"https:\/\/mith.umd.edu\/improving-mei-to-vexflow\/","title":{"rendered":"Improving MEI to VexFlow"},"content":{"rendered":"

MEI to VexFlow<\/em> is a JavaScript library used to render music notation encoded according to the \u00a0Music Encoding Initiative<\/a> (MEI) format. MEI is a community-driven effort to create a commonly-accepted, digital, symbolic representation of music notation documents, while keeping in mind the needs of textual scholars and the Digital Humanities.<\/p>\n

The three-month project supported by Google Summer of Code is at its mid-term milestone, and on this occasion it\u2019s worth to have a look what has been achieved and what is coming up for the rest of the project.<\/p>\n

During our first month and a half, I\u2019ve been busy revising the existing code and adding new features. The main objective was extending the repertoire and the range of MEI features that MEI to VexFlow<\/em> can support. In order to achieve that, I first focused on improving the handling of \u201clines\u201d such as slurs, ties and hairpins<\/strong>. This work is very much an under-the-hood improvement, but it is important, because it paves the way for dealing with the quite common phenomenon of hairpins and slurs that do not begin and end precisely with a note on the staff.<\/p>\n

 <\/p>\n

\"Introduction<\/a>

Figure 1: First four measures from Introduction and Allegro by Maurice Ravel, flute and clarinet parts only (scan)<\/p><\/div>\n

 <\/p>\n

MEI provides two ways of describing where a line begins and where it ends. The most straightforward way is to specify that a crescendo, for instance, \u2018starts at note one in measure two and ends at note two in measure two\u2019, as in the example below:<\/p>\n

On the other hand there are instances when the line doesn\u2019t exactly correspond to the start of notes. For these cases MEI allows the encoder to specify two points in time expressed as beats. For example the diminuendo in the second bar of the Ravel example (Figure 1) starts roughly on the third beat, hence one can describe it as a \u2018diminuendo starting at beat three and ending at beat \u201cfive\u201d\u2014that is at the very end of the measure<\/em>\u2019. Or indeed, in the fourth measure the crescendo \u2018starts at beat one and ends at beat three<\/em>\u2019.<\/p>\n

I\u2019ve made MEI to VexFlow<\/em> capable of dealing with such encodings, in other words, it is now possible to display lines that are described with beats in the MEI file. Although, VexFlow is only capable of drawing lines that start and end with a note, so my solution was to find the closest notes of two given beats and to draw the lines as if they were attached to such notes. This is a very important step towards more advanced support for these objects. In the future it will be possible to render the lines between the correct locations by calculating offsets from the closest notes.<\/p>\n

 <\/p>\n

<\/div><\/div><\/div>
\"Second<\/a>

Figure 2: Second measure from Introduction and Allegro by Maurice Ravel, flute and clarinet part only (as rendered by MEI to VexFlow) MEI to VexFlow draws displays the diminuendo, even though it\u2019s starting at the notehead of the third note in the measure.<\/p><\/div>\n

 <\/p>\n

Several other features have been introduced. Now it\u2019s possible to display changing time signature, meter or clef<\/strong>. For instance, in the harp part of the Sonata for Flute Viola and Harp by Debussy all three occur at once:<\/p>\n

 <\/p>\n

<\/div><\/div><\/div>
\"Excerpt<\/a>

Figure 3: Excerpt from Sonata for Flute Viola and Harp by Debussy (as rendered by MEI to VexFlow)<\/p><\/div>\n

 <\/p>\n

System breaks are also now supported<\/strong> (Figure 4), and staff connectors are now rendered on the left of each system. Different staff connectors are supported in order to render different symbols connecting different groups of staves (for example, a brace for the piano right left hand, or a bracket for a group of instruments in an orchestral score).<\/p>\n

 <\/p>\n

<\/div><\/div><\/div>
\"C<\/a>

Figure 4: First two lines of the C Major Prelude from The Well Tempered Clavier by J. S. Bach (as rendered by MEI to VexFlow)<\/p><\/div>\n

 <\/p>\n

<\/div><\/div><\/div>
\"Multi-staff<\/a>

Figure 5: Multi-staff system with instrument groups (as rendered by MEI to VexFlow)<\/p><\/div>\n

 <\/p>\n

These are important steps towards the usability of the scores in real-life use cases such as performance or practice.<\/p>\n

For more information about the project, visit our project page<\/a> and to see MEI to VexFlow<\/em> in action (scores rendered directly in your browser) try out the demo page<\/a>!<\/p>\n

In our next milestone we are turning our attention towards variant handling<\/strong>. Historical musical pieces make their way to us through multiple documents and it often happens that multiple sources introduce differences and variants in the music. We are designing a sample web application that will be able to display 15\u201316th<\/sup> century music and provide a dynamic mechanism for the user to select which variant they want to see.<\/p>\n

To achieve this, we are adding new parsing interface to MEI to VexFlow<\/em> in order to expose the set of variants encoded in the input file. A web application will be able to display this information to the user and allow them to make their choices before rendering, and to see multiple variants at the same time.

<\/div><\/div><\/div><\/div>