Chrome Music Lab: Song Maker

Create melodies with the Song Maker. This Chrome Music Lab feature lets you create beats by simply marking a grid.

Each cell has a different pitch. The top cells are the high notes, while the bottom ones are low notes. Once you’ve marked the cells, select the percussion sounds underneath.

You can also record yourself singing through your device’s microphone. Once done, you can listen to your composition through string, synth, and woodwind instruments.

This experiment was made using a variety of tools like Web Audio API, WebRTC, WebMIDI, and Tone.js.

Create your musical masterpiece here.

Song-Maker


You might also find this interesting:


  1. Chrome Music Lab While being able to see visually how computers handle sound data is fascinating, it is also extremely fun. A recent Chrome Experiment came out called the Chrome Music Lab does...

  2. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  3. Casual HTML5 Game Streams Music from Soundcloud You know you’re in for a different kind of experience when a game starts with a health hazard advisory. If you have Photosensitive Epilepsy, you might suffer a seizure from...

  4. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  5. Biomes – Chrome Experiment This Chrome Experiment features noise-based generative biomes. In areas like terrain-generation, biomes are a way of classifying terrain types. Most biome generators are based on the ever popular Whittaker model,...

, ,
HTML5 Demos, WebGL-1