Git Product home page Git Product logo

music-box's Introduction

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.

music-box's People

Contributors

lougail avatar saragig avatar saot avatar aldrinyde avatar larisagri avatar nasserdine avatar pira26 avatar akram-simplon avatar karahdotjs avatar douniagit avatar guillaume93270 avatar moanodadou avatar hassan75 avatar elbayass avatar

Watchers

James Cloos avatar Alexis avatar  avatar enzo avatar

Forkers

saot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.