Coder un piano en JavaScript (sans framework) - Partie 1/2
Vous êtes mélomane et voulez exprimer votre passion pour la musique avec le code ?
Et si on codait un piano virtuel en JavaScript ?
C'est ce que nous allons faire en partant de zéro et en 2h.
Pour se faire, nous allons utiliser les technologies suivantes :
Et si on codait un piano virtuel en JavaScript ?
C'est ce que nous allons faire en partant de zéro et en 2h.
Pour se faire, nous allons utiliser les technologies suivantes :
- HTML5 Audio
- JavaScript (sans framework)
- HTML
- CSS
Partie 1 (18min):
- Jouer du son généré purement en JavaScript (sans fichier son)
- Jouer un son après avoir cliqué sur un bouton
- Jouer les gammes au clic de la souris
Partie 2 (1h33) :
- Optimisation du code de la partie 1
- Générer toutes les notes de musiques
- Mapper les notes "classiques" (Do, Ré, Mi, Fa, Sol, La, Si) aux notes internationales
- Jouer avec son clavier d'ordinateur
- Intégrer un visuel de piano en CSS
Vidéo de la partie 1
Pour optimiser le code et devenir un vrai virtuose, ça se passe dans la partie 2.
Pour avoir accès à la partie 2 :
- avec la vidéo (1h33min)
- le code final
Vous pouvez créer un compte de membre gratuit.