Music Notation with HTML5 Canvas

http://0xfe.blogspot.com/2010/05/music-notation-with-html5-canvas.html

by brolewis • 16 years ago

107 14 16 years ago

0xfe.blogspot.com

leviathant• 16 years ago

Oh man, music notation on a computer is a path you don't want to start down. Take the oldest, crustiest, hacked together duct-taped programming language you can think of -- imagine what that language would be like if it would be still in use hundreds of years from now. That's music notation, today.

Even the really good programs like Sibelius (and I guess Finale...) still have a ways to go in terms of accurate notation. Attempting to reduce notation to a JSON-style dataset seems, well, extraordinarily challenging.

aston• 16 years ago

Isn't the majority of the challenge in nice notation similar to typesetting with text? The difficulty is in making it look nice, not knowing what data you're attempting to display.

I should think you could encode pitches, start times and durations in a JSON-style format without many problems.

mtoledo• 16 years ago

"I should think you could encode pitches, start times and durations in a JSON-style format without many problems."

Yeah, only music notation can get a lot more complex than these 3 factors

skybrian• 16 years ago

You could start out that way and get pretty far, but eventually the language will get complicated enough that you'll want something more like LaTex than like JSON if you want it to be readable.

Musical notation is often deliberately ambiguous to allow for interpretation. Tempo is often approximate. Durations are often approximate or implied (such as swing time). Volume is very approximate. And then there are various kinds of hinting. The hints need to be in the source code because nobody wants to specify them with more precision.

But that said, I'd be perfectly happy with something basic that runs in a browser.

jacquesm• 16 years ago

And then you try to code partita #1 and you run in to all those little funny marks that somehow expand to 8 notes.

Macros were invented by J.S. Bach.

hexis• 16 years ago

With MathML in the new Firefox engine and now music notation in canvas, browsers are going to be a bit more fun and beautiful.

jazzychad2• 16 years ago

You may want to look into the Lilypond syntax for textual score notation. - http://lilypond.org/

necubi• 16 years ago

Also for layout algorithms. The people behind lilypond have thought very hard about what makes a score beautiful and legible and have pushed the art of computer engraving forward immeasurably. This is the TeX for music. Sibelius, Finale et al. have only recently begun to catch up.

nitrogen• 16 years ago

Lilypond's web site could benefit from some examples of its output directly on the front page. I tried three different approaches in my casual attempt to see just how good it is, and didn't reach any PDFs or printouts.

jazzychad2• 16 years ago

Yes, examples and docs are a bit buried, but there is a huge amount of info to be found.

Example outputs - http://lilypond.org/switch/tour

Example syntax - http://lilypond.org/switch/howto

timclark• 16 years ago

Lilypond has a working syntax but it could sure do with some simplification and consistency. I use Lilypond, I use Latex, I know Lisp, but I find the Lilypond syntax can be mighty confusing.

cellshade• 16 years ago

Is there a link to the unminimized source for this? Looks awesome!

thefool• 16 years ago

If the goal is to build a wysiwyg editor, finale and others have some implementation that regular musicians have learned to work with.

For a lot of people, the ability to do midi input is really important because when they write the music down a lot of the time they have to transcribe from their motions anyway. This is possibly more important than the actual explicit way that you write things down.

Music Notation with HTML5 Canvas

Related Stories