http://dev.music.free.fr/
Tools to add musical content in web pages

Playable scores

L:1/16 M:2/4 Q:1/4=72 K:C %%player_no_voice %%score {1|2} V:1 clef=treble V:2 clef=bass [V:1] !f! [dd'][ee'][cc'][aA] - [aA][bB][g2G2]|decA -ABG2|DECA, -A,B,A,_A,|G,2 z2 [B2d2g2G2] x2 | [V:2] z8|DECA, -A,B,G,2|D,E,C,A,, -A,,B,,A,,_A,,|G,,2 z2 [G,,,2G,,2] x2 |

Playable harmonic scores with voice selection

%%piano2+2CD Q:1/1=40 K:C [V:C] "C"x | "E7/B"x | "Am"x | "C7/G"x | "F"x | "G7"x | "C"x |] [V:D] "I"x | "V7/VI"x | "VI"x | "V7/IV"x | "IV"x | "V7"x | "I"x |] [V:S] !blue!c | !blue!!b>(!d | !b>)!!n>(!c | !n>)!!n>(!c | !n>)!c | !red!!r>(!B | !r>)!!blue!c |] [V:A] !n>(!E | !n>)!!n>(!E | !n>)!!n>(!E | !n>)!!green!!g>(!E | !g>)!!blue!!n>(!F | !n>)!!orange!!o>(!F | !o>)!E |] [V:T] !n>(!G, | !n>)!!green!!g>(!^G, | !g>)!!blue!A, | !blue!!b>(!_B, | !b>)!A, | !blue!!n>(!G, | !n>)!G, |] [V:B] !blue!C, | B,, | !blue!A,, | G,, | !blue!F,, | !blue!G,, | !blue!C, |]

Piano keyboards

2

Harmonic sequences

['P1','m','I','T'], ['P4','m7','IV','SD'], ['P5','7','V7','D'], ['P1','m','I','T','br'], ['m6','','bVI','SD'], ['m2','','bII','SD'], ['m3','','bIII','t'], ['m6','','bVI','SD']

Harmonic diagams

F

Musical intervals



© 2017-2023 Christophe Poudras

Musical content for web's pages


CSS ressources

File Description
book-A4.min.css Handles web page with the A4 format.
music.min.css Handles musical components.

JavaScript modules

Module Description
$HARMONY Musical harmony functions.
$MUSIC_UI Tones, tonalities and chord signatures selections.
$ABC_UI Playable scores in abc format, for html pages.
$KEYBOARD_UI Piano keyboard with keys selection.
$INTERVALS_UI Musical intervals.
$SEQUENCE_UI Harmonic sequences.
$DIAGRAM_UI Harmonic diagrams.
Tests Libraries validation tests.

Documentation
download

$ABC_UI demonstration

Realisations

Realisations (in french)