Skip to content

simplonco/music-box

Repository files navigation

My music box

git clone ce repository.
Crées un dossier avec ton projet.
Nommes ce dossier avec ton prénom ET ton nom de famille ainsi : "prenom-nom".
Ne mets pas d'accent !

Fais au moins 1 des 3 exercices suivants :

Exercice 1

  • Reproduit en html et css le keyboard suivant :

enter image description here

Tu trouveras dans le dossier sound/strings des samples de musique.
Fais en sorte qu'en cliquant sur chaque rectangle un sample différent soit joué.
En utilisant la balise audio:

<audio></audio>
  • Ou imagine une boite à rythme et utilise les samples de sound/drums.

Exercice 2

Rajoute des effets audio grâce à l'API audio

Une fois terminé push ton dossier. Et voilà !

Exercice 3

En récupérant les position x et y d'un mouseevent hover, crées ton propre theremin.

Tu peux t'inspirer de ce projet par exemple.