Piano virtuel

Un piano dans votre navigateur

Ce piano virtuel vous offre un clavier jouable de deux octaves et une tierce — 29 touches de C à E — directement dans votre navigateur. Vous pouvez en jouer avec la souris, avec un ou plusieurs doigts sur un écran tactile ou avec le clavier de l'ordinateur, où chaque touche à l'écran indique son raccourci. Il est pratique pour vérifier une mélodie que vous avez en tête, trouver la note de départ d'une chanson, retrouver des accords, travailler des morceaux simples loin d'un vrai instrument ou tout simplement pour vous amuser.

Les boutons d'octave déplacent tout le clavier de douze demi-tons vers le haut ou vers le bas, si bien que la tessiture totale s'étend de C1 à E7. La plage actuelle est affichée entre les boutons et les touches C portent leur numéro d'octave (le do central est C4). L'interrupteur de sustain fonctionne comme la pédale droite d'un piano acoustique, en laissant les notes résonner et se superposer, et le curseur de volume règle le niveau général.

Comment le son est produit

Rien n'est téléchargé ni diffusé en streaming : chaque note est synthétisée à la volée avec la Web Audio API. Un oscillateur à onde triangulaire fournit le corps du son et une onde sinusoïdale plus discrète, une octave au-dessus, ajoute de la brillance. Une enveloppe de gain donne à chaque note une attaque rapide suivie d'une décroissance progressive, à la manière d'une corde frappée, et un compresseur en sortie empêche les gros accords de saturer. Comme le moteur sonore n'est créé qu'à la première pression sur une touche, la page reste légère et respecte les règles de lecture automatique des navigateurs.

Jouer avec le clavier de l'ordinateur

La disposition reproduit celle d'un piano : la rangée de lettres du bas (de Z à M) correspond aux touches blanches de l'octave inférieure et la rangée juste au-dessus (S, D, G, H, J) fournit les touches noires. La rangée de lettres du haut, de Q à U, forme l'octave suivante, avec les touches numériques 2, 3, 5, 6 et 7 pour les dièses et les bémols, tandis que I, 9, O, 0 et P atteignent le haut du clavier. Les touches sont reconnues selon leur position physique, de sorte que la disposition fonctionne de la même façon sur les claviers QWERTY, AZERTY et QWERTZ. Maintenez plusieurs touches enfoncées ensemble pour jouer des accords.