"Music Notation as Text on a Webpage" blog post

[Paul Morris]

Hi Joe,

I saw your blog post: "Music Notation as Text on a Webpage" [1] and I was wondering if you would be willing to post a screenshot either on your blog or here? That way everyone can see what you're working on without having to install the font. I am curious to see what you're up to.

[1] http://drtechdaddy.com/2012/11/09/music-notation-as-text-on-a-webpage-4/

Thanks,
-Paul M

[Joseph Austin]

Paul,
Here it is.

[Joseph Austin]

Greetings,

I can report that I can now convert a piano-roll spreadsheet

to a Klavar-style score as a css/html webpage (vertical staff; custom font for notehead characters).

The point is, it is possible to print music as text rather than graphics.

The above is a pdf version 

from a Safari (Mac) browser rendering

of an HTML file 

with an internal CSS style sheet 

that uses @font-face to access

my custom notehead font: staffTonnetz1b

located on my website: DrTechDaddy.com/stafftonnetz1b.ttf.

The html file was produced by a Java program I wrote 

to convert a .csv file from a spread-sheet.

(The conversion can be done manually for use in a word processor,

as described previously on my website,

but the program greatly facilitates adding web tags!)

The original spreadsheet looks something like this (I've deleted some columns to fit the email--

the original covers the entire piano keyboard).

The L rows are header info; the actual music starts in row 8.

Rows 8-9 are the piano keyboard in whole-tone sequences;

Rows 11-12 are successive fifth, offset a Major/minor third between the rows.

Rows 15-29 are the 15 major/natural minor "scales" (read across) in major/minor thirds: 2 4 6 1 3 5 7 9 11

Thus each row contains not only the notes of the key but the notes of the principal chords ii IV vi I iii V7.

The left columns indicate measure, count, and "tick";

I've also included 3 levels of bar-lines, with help visually with the wide staff.

It's possible with the program to use a finger number or voice part instead of a note name for the notes,

and to translate to the note characters listed in row 6,

so I can "transpose" the shapes to use as shape-notes.

I'll be posting the source files to my website soon.

The .ttf font is also there; I'm hoping to add an .eot font file soon for the IE population.

Currently, the file displays best with Safari or Opera;

Firefox is not picking up the font, and I haven't tired IE yet but understand it needs a different font file

for @font-face. (My .ttf font works fine if you actually install in on your widows machine.)

Joe Austin

DrTechDaddy.com

--
You received this message because you are subscribed to the forum of the Music Notation Project (hosted by Google Groups).
To post to this group, send email to musicn...@googlegroups.com
To unsubscribe from this group, send email to musicnotatio...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/musicnotation?hl=en

[John Keller]

Hi Joseph,

 

Interesting ...

 

I presume you are starting a chord progression of something in C minor at bar 5. But your C is in the wrong place! (I am reading the Klavar positions rather than the triangle symbols.)

 

Cheers, John K

---
You received this message because you are subscribed to the Google Groups "The Music Notation Project | Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to musicnotatio...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Joseph Austin]

Thanks, John

Now you have an inkling of why it took me so long to develop this :-)

Actually, I was trying to represent the successive harmonics of C,

so the E notehead also in the wrong position.

Some "consistency checking" in the software could find these situations,

but one reason I've been building my own is that commercial software is so "rigorous"

that you can't create un-orthodox notations.

Joe Austin

[Paul Morris]

On Apr 2, 2013, at 2:07 PM, Joseph Austin <drtec...@gmail.com> wrote:

I can report that I can now convert a piano-roll spreadsheet

to a Klavar-style score as a css/html webpage (vertical staff; custom font for notehead characters).

The point is, it is possible to print music as text rather than graphics.

Hi Joe, Congrats on reaching this milestone with your converter for your system.  It looks like it was a fair bit of work, but it is definitely satisfying to be able to easily produce music in your preferred alternative notation system.

Also, if you like working with text rather than graphics, you'll love LilyPond!   ;-)

(I've been swamped with work so that's why I haven't been contributing to recent discussions...)

Cheers,

-Paul

[Joseph Austin]

Paul,

I'm eager to start LilyPond. I'm aving some computer issues at present but hope to get started this week. I'll probably have a lot of newbie (programmer) questions.

However, understand it's not that I like working with text per se but that I consider a text-based *rederer* (e.g. web browser) a more available alternative to a high-price proprietary score editor.

Also, I've tried to show that the "technology" is adapatabe to a variety of alterantive notatons, not just my own. At some point I may try to print a few others as a demonstration.

An "open" editor such as LilyPond is a reasonable compromise.

I'll have to work with it a while to determine whether it has the flexibility to express my ideas.

Joe

--

You received this message because you are subscribed to the forum of the Music Notation Project (hosted by Google Groups).
To post to this group, send email to musicn...@googlegroups.com
To unsubscribe from this group, send email to musicnotatio...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/musicnotation?hl=en