I’m interested in music blogging, to document my journey as a music practicioner. By “music blogging”, I mean inserting music snippets within regular blog posts, just like one does with mathematical notation, code snippets, media objects, etc.

To achieve this, I do the following:

  • Write the music in notation software. I use Musescore because it’s open source AND works great :heart:
  • Export the snippet into MusicXML which is a (de-facto) standard interchange format.
  • Import the MusicXML into an online music platform, such as Musescore, Flat, Noteflight. The requirement from these platforms is that they support sharing / embedding snippets, typically via oEmbed or using an HTML embed code.
  • Embed the shared music snippet within a blog engine / CMS that supports oEmbed or HTML embed codes. For Jekyll, I use jekyll_oembed for oEmbed and kramdown GFM parser to directly paste HTML embed codes within the markdown.

Here are the results for Scott Joplin’s Entertainer, intro section:

Musecore

Using HTML embed code, because oEmbed seems broken.

Flat

Using oEmbed endpoint.

Noteflight

Using oEmbed endpoint.

Conclusion

Visually, the Flat embed is the most appealing to me, because it flows within the page without additional borders, unnecessary scrolling or intrusive chrome. The option to playback at slower speed is appreciated. I wish the snippet name were rendered in their bottom bar.

Because I am interested in “music localization”, i.e. rendering non-Western music, I need to dig deeper into how well microtones, non-Latin fonts, ethnic instruments, etc. are supported on those platforms.

Happy music blogging :musical_note: