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 :

  • 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.

1 commentaire

  • Bonjour, je n’arrive pas à voir la vidéo du cours 1/2 qui montre comment créer les notes en JavaScript sans fichier son

    j’ai toujours la vidéo du cours 2/2

    Roussel

Laisser un commentaire