Inline Music Notation Test Page

I have custom JavaScript to detect and render inline musical notation correctly.

To access it, surround the notation with curly brackets.

For example, to write a pattern of four eighth notes beamed together, use the text eeee wrapped in {}. It will look like this {eeee}.

There are multiple types of notation automatically detected:

• Musical glyphs
  • E.g., quarter notes, half notes, rests, ties, time signatures
  • This uses the font MusGlyphs, which is based on the Bravura font but adjusted for use within text
  • To access, wrap the text pattern in curly brackets
• Custom musical glyphs
  • E.g., “Dalcroze” time signatures (where the denominator is a rhythm rather than a numeral) and common rhythm patterns missing from the MusGlyphs font (esse)
  • To access, write the corresponding text pattern in curly brackets according to the Custom glyphs map
• Roman numeral and figured bass analysis
  • Many common patterns will be autodetected
  • You can explicitly specify this notation by wrapping it in { rn: }
• Inline musical examples
  • E.g., a two bar melody notated on a treble clef staff
  • These must be created ad hoc and uploaded to the media library individually as SVGs
  • To access, write ex:URL in curly brackets
    • { ex: https://dev.dalcrozeusa.org/app/uploads/2025/08/Figure_rythmique_triolet_de_croches_lien_bas.svg }

---

Test examples

Let’s test what’s working step-by-step.

Is the curly bracket notation detected?

• { any text inside curly brackets brackets }
• {any text inside curly brackets brackets}

Specific modifiers

Is “ex” detected?

• { ex: URLhere }
• {ex: URLhere}

Is “rn” detected?

• { rn: I V I64 ii }
• {rn: I V I64 ii}

Are accidentals detected?

• C-sharp F-flat G-double-sharp and E-double-flat
• C# Fb G## and Ebb
• Sol-sharp Re-double-flat Mi-flat

Scale Degrees

• Scale degrees would look like this: ^1 and ^7 and ^8 are all consonant. We can add accidentals like #^4 which may also be called “fi” in solfege. also b^3 or #^1 work.

Is custom glyph notation detected?

• { 1/w }
  • {1/w}
• { 2/h }
  • {2/h}
• { 3/q }
  • {4/q}
• { 4/e }
  • {3/e}
• { 5/s }
  • {5/s}
• { esse }
  • {esse}

Fallback to MusGlyphs

For the full key map and dictionary, see the MusGlyphs documentation.

• { eeee }
  • {eeee}
• { h h ee ess }
  • { h h ee ess }
• { mp }
  • {mp}
• { 2/2 }
  • {2/2}
• { Db7 }
  • {Db7}
• { Edim0 }
  • {Edim0}
• { 3qqq }
  • {3qqq}
• { (((5/4))) }
  • {(((5/4)))}
• { rr }
  • {rr}

---

Let’s try these next to each other. {4/4} and {ex:

To check what is working with custom code rendering inline musical notation.

As a basic example, here is a sentence that references {q ee ess}

<p>Begin with a quarter note: <span id="note-here"></span></p>

Begin with a quarter note {q}, then an eighth note {e}, then a half note {h}.

Begin with a quarter note {q}, then an eighth note {e}, then a half note {h}. Let’s write some of the time signatures in succession. That is, did you know that {4/4} and {12/8} can be described as {4/q} and {4/q.}? Same with {3/2} and {3/h} and {6/e.}.What about some rhythms? The rhythm {eeee}{ee} and {eeeeee} should look the same, but with different beams. There are a few rhythms that are not present in the MusGlyph dictionary. These also include the {esse} rhythm and the {sssse} rhythm. What others might be missing?

Stem up, inline rhythms:Regular meter : {TS:4/4}

Imagine the following rhythm:

q ee e.s (4/4)

Regular meter: {TS:3/4}

 Compound: {TS:3+2/8}

 Multi-digit: {TS:12/16}

 Hybrid with note glyph: {TS:4/e}

Consider the {w} rhythm.
Did you consider how the {w.} pattern works?
Fasdon asdonn {h} pattern works?
Did you consider how the {h.} rhythm.
Diisdf fhhq 17th {q} pattern works?
Diisdf fhhq 17th {q.} rhythm.
Diisdf fhhq 17th {e} pattern works?
Did you consider how the {e.} rhythm.
Diisdf fhhq 17th {ee} rhythm.
Diisdf fhhq 17th {eee} rhythm.
Diisdf fhhq 17th {eeee} pattern works?
Diisdf fhhq 17th {s} rhythm.
Did you consider how the {s.} rhythm.
Did you consider how the {ss} pattern works?
Diisdf fhhq 17th {sss} pattern works?
Diisdf fhhq 17th {ssss} rhythm.
Diisdf fhhq 17th {sssss} pattern works?
Diisdf fhhq 17th {ssssss} rhythm.
Did you consider how the {qt} rhythm.

• Stem up, inline rhythms:
  • {s} and {s.}
  • {e} and {e.}
  • {q} and {q.}
  • {h} and {h.}
  • {w} and {w.}
• Time signatures

w	{w}	Whole note
w.	{w.}	Dotted whole note
h	{h}	Half note
h.	{h.}	Dotted half note
q	{q}	Quarter note
q.	{q.}	Dotted Quarter note
e	{e}	Eighth note
e.	{e.}	Dotted eighth note
ee	{ee}	Eighth notes (two)
eee	{eee}	Eighth notes (three)
eeee	{eeee}	Eighth notes (four)
s	{s}	Sixteenth note
s.	{s.}	Dotted sixteenth note
ss	{ss}	Sixteenth notes (two)
sss	{sss}	Sixteenth notes (three)
ssss	{ssss}	Sixteenth notes (four)
sssss	{sssss}	Sixteenth notes (five)
ssssss	{ssssss}	Sixteenth notes (six)
q-triplet	{q-triplet}	Quarter note triplet
e-triplet	{e-triplet}	Eighth note triplet
eqe	{eqe}	Eighth quarter eighth (Amphibrach)
ess	{ess}	Eighth sixteenth sixteenth (Dactyl)
sse	{sse}	Sixteenth sixteenth eighth (Anapest)
ses	{ses}	Sixteenth eighth sixteenth (Amphibrach)
qe-triplet	{qe-triplet}	Triplet: quarter eighth
e.s	{e.s}	Dotted-eighth sixteenth
esse	{esse}	Eighth sixteenth sixteenth eighth
sssse	{sssse}	Four-sixteenths eighth
qe	{qe}	Quarter eighth (Trochée)
eq	{eq}	Eighth quarter (Iamb)
e.se	{e.se}	Dotted-eighth sixteenth eighth (Sicilienne)
TS:2/2	{TS:2/2}	2/2 (standard)
TS:ct	{TS:ct}	Cut time (standard)
TS:c	{TS:c}	Common time
3/2	{3/2}	3/2 (standard)
4/2	{4/2}	4/2 (standard)
2/4	{2/4}	2/4 (standard)
3/4	{3/4}	3/4 (standard)
4/4	{4/4}	4/4 (standard)
5/4	{5/4}	5/4 (standard)
6/4	{6/4}	6/4 (standard)
7/4	{7/4}	7/4 (standard)
3/8	{3/8}	3/8 (standard)
4/8	{4/8}	4/8 (standard)
5/8	{5/8}	5/8 (standard)
6/8	{6/8}	6/8 (standard)
7/8	{7/8}	7/8 (standard)
9/8	{9/8}	9/8 (standard)
10/8	{10/8}	10/8 (standard)
11/8	{11/8}	11/8 (standard)
12/8	{12/8}	12/8 (standard)
2/h	{2/h}	2/half (Dalcroze)
3/h	{3/h}	3/half (Dalcroze)
4/h	{4/h}	4/half (Dalcroze)
2/q	{2/q}	2/quarter (Dalcroze)
3/q	{3/q}	3/quarter (Dalcroze)
4/q	{4/q}	4/quarter (Dalcroze)
5/q	{5/q}	5/quarter (Dalcroze)
6/q	{6/q}	6/quarter (Dalcroze)
7/q	{7/q}	7/quarter (Dalcroze)
1/q.	{1/q.}	1/dotted-quarter (Dalcroze)
2/q.	{2/q.}	2/dotted-quarter (Dalcroze)
1/q.	{1/q.}	3/dotted-quarter (Dalcroze)
2/q.	{2/q.}	4/dotted-quarter (Dalcroze)
1/q.	{1/q.}	5/dotted-quarter (Dalcroze)
2/q.	{2/q.}	6/dotted-quarter (Dalcroze)
2/e	{2/e}	2/eighth (Dalcroze)
3/8	{3/8}	3/eighth (Dalcroze)
4/8	{4/8}	4/eighth (Dalcroze)
_	{_}	tie
|	{|}	Single barline
||	{||}	Double barline
|||	{|||}	Final barline
|:	{|:}	Repeat barline (left)
:|	{:|}	Repeat barline (right)
trebleClef	{trebleClef}	Treble clef
altoClef	{altoClef}	Alto clef
bassClef	{bassClef}	Bass clef