http://dev.music.free.fr/

Christophe Poudras dev.music@free.fr

Réalisation de page web musicale

Des partitions écoutables

Exemple avec un exercice de basse donnée

La basse donnée

Soprano de la basse donnée

Solution complête

Disposition du style quatuor à cordes

Gestion de la conduite de voix avec des flêches

La partition est écoutable, les notes jouées sont mise en évidence quand jouées.
On peut sélectionner les voix indépendamment (soprano, alto, ténor, basse).
Ici on colorise les doublures en bleu, on note :

• le réemploi d'une note avec une flêche noire,
• le mouvement obligé sensible-tonique avec une flêche rouge,
• le mouvement obligé quarte-tierce avec une flêche orange.

Voicing jazz à 5 voix

Composition des accords

Début de la valse sentimentale D.779 Op. 50, n°17 de Franz Schubert

Ajout des accords et coloration en vert des notes étrangères à l'harmonie :

Notation des doigtés au piano

Partition avec la notation classique

Gestion de plusieurs intruments de musique (MIDI)

Gestion de rythmes avec plusieurs temporisations

Analyse du début du prélude n°20 en do mineur de Frédéric Chopin

Harmoniquement ce début se compose ainsi :

On peut considérer la seconde séquence comme la reprise de la première en Ab majeur :

Des claviers de piano

Avec 7 octaves

<div id="piano7" class="keyboard 0.45">7</div>

Avec 2 octaves et sélection d'accord

<div id="piano2" class="keyboard 0.5">2</div>
$KEYBOARD_UI.selectChord('piano2', 'FM7');

Avec 2 octaves et sélection de gamme

<div id="piano3" class="keyboard 0.8">2</div>
$KEYBOARD_UI.selectScale('piano3', 0, 'F#');

Avec 3 octaves et sélection de note

<div id="piano4" class="keyboard .6" align="center">3</div>
$KEYBOARD_UI.selectNotes('piano4', 'C,E,F,A,Bb,D,G', 1);

Gestion du texte

Des intervalles

Constitution de la gamme majeure

<div id="major-mode-steps"></div>
$INTERVALS_UI.buildModeSteps('major-mode-steps', 0, 'I', 'majeur','majeur');

Constitution de la gamme mineure harmonique

<div id="minor-harmonic-mode-steps"></div>
$INTERVALS_UI.buildModeSteps('minor-harmonic-mode-steps', 14, 'I');

Le cycle des quintes

<div id="circle1"></div>
<div id="circle2"></div>
$INTERVALS_UI.buildSimpleFifthCircle('circle1', 'F');
$INTERVALS_UI.buildFifthCircle('circle2', 'C');

Composition d'accord

<div id="chord7"></div>
$INTERVALS_UI.buildChordComposition('chord7', 'C7');

De quelles notes se compose l'accord choisi ?

L'accord noté se dit .

Notations des intervalles

• P1 = unisson, P8 = octave, D8 = octave diminuée, A8 = octave augmentée.
• m2 = seconde mineure, M2 = seconde majeure, A2 = seconde augmentée.
• D3 = tierce diminuée, m3 = tierce mineure, M3 = tierce majeure, A3 = tierce augmentée.
• D4 = quarte diminuée, P4 = quarte juste, A4 = quarte augmentée.
• D5 = quinte diminuée, P5 = quinte juste, A5 = quinte augmentée.
• D6 = sixte diminuée, m6 = sixte mineure, M6 = sixte majeure, A6 = sixte augmentée.
• D7 = septième diminuée, m7 = septième mineure, M7 = septième majeure.
• m9 = neuvième mineure, M9 = neuvième majeure, A9 = neuvième augmentée.
• P11 = onzième juste, A11 = onzième augmentée.
• m13 = treizième mineure, M13 = treizième majeure.

Notation des fonctions harmoniques

Dans l'harmonie classique, à trois sons :

Dans l'harmonie jazz, à quatre sons, la sensible est ajoutée à l'accord de tonique. Elle perd son aspect dissonnant en comparaison au classique.

Les toniques

Les dominantes

Les sous-dominantes

Des séquences harmoniques

var sequence = [
    ['P1','','I','T'],['M2','m','II','SD'],['M2','7','V7/V','D2'],['P5','7','V7','D','up'],
    ['P1','','I','T'],['P4','','IV','SD'],['P5','7','V7','D'],['P1','','I','T']
];
$SEQUENCE_UI.init();

Fonctions seulement : @

<div id="sequence" class="harmonic-sequence">@</div>

Fonctions + degrés : !

<div id="sequence" class="harmonic-sequence">!</div>

Fonctions + degrés + signatures : $

<div id="sequence" class="harmonic-sequence">$</div>

Fonctions + degrés + signatures colorées : $%

<div id="sequence" class="harmonic-sequence">$%</div>

Fonctions + degrés + accords : tonalité

<div id="sequence" class="harmonic-sequence">C</div>

Fonctions + degrés + accords colorés : tonalité%

<div id="sequence" class="harmonic-sequence">F%</div>

Harmonisation générique = Fonctions + degrés + signatures : $

<div id="major1"></div>
$SEQUENCE_UI.buildHarmonisation("major1", 0, '$', true);

Harmonisation générique = Fonctions + degrés + signatures colorées: $%

<div id="major2"></div>
$SEQUENCE_UI.buildHarmonisation("major2", 0, '$%', true);

<div id="minor2"></div>
$SEQUENCE_UI.buildHarmonisation("minor2", 14, '$%', true);

Harmonisation générique = Fonctions + degrés + accord: tonalité

<div id="major3"></div>
$SEQUENCE_UI.buildHarmonisation("major3", 0, 'C', true);

<div id="minor3"></div>
$SEQUENCE_UI.buildHarmonisation("minor3", 14, 'C', true);

Harmonisation générique = Fonctions + degrés + accord colorés: tonalité%

<div id="major4"></div>
$SEQUENCE_UI.buildHarmonisation("major4", 0, 'C%', true);

<div id="minor4"></div>
$SEQUENCE_UI.buildHarmonisation("minor4", 14, 'C%', true);

La notation des différents accords

Des séquences harmoniques (transposables)

Des diagrammes harmoniques

Modulations à partir du majeur

Modulations à partir du mineur

Les dominants secondaires

La gamme de do majeur

On met en valeur les notes du triton tonal, la quarte et la sensible.

Où trouve-t-on les triades du ton C dans les gammes majeures ?

Les triades du ton C sont :

L'accord  C  apparait dans 3 gammes, à des degrés différents :

• Il est la tonique I du C majeur, fonction tonique  T .
• Il est la quarte IV du G majeur, fonction sous-dominante  SD .
• Il est la quinte V du F majeur, fonction dominante  D .

L'accord  Cm  apparait dans 3 gammes, à des degrés différents :

• Il est la seconde II du Bb majeur, fonction sous-dominante  SD .
• Il est la tierce III du Ab majeur, fonction dominante  D .
• Il est la sixte VI du Eb majeur, fonction tonique  T .

L'accord  C°  n'apparait qu'une seule fois :

• Il est la septième VII du Db majeur, fonction dominante  D .

L'accord  C+5  n'apparait pas dans les gammes majeures.

La transposition

La gamme majeure

Harmonisation de la gamme majeure à trois sons

Réalisation de la séquence anatole : IV II V I