Euphony
August 30, 2012
Launch Experiment
Not working? This is a WebGL experiment, so try running it with Google Chrome.
From the Author:
Euphony is a web-based MIDI player and visualizer inspired by MIDITrail.
Features:
- Rotatable and zoomable scene.
- Drag and drop MIDI files to play.
- Large collection of classical music.
Instruction:
- Click and drag mouse to rotate.
- Scroll mouse wheel to zoom in or out.
- Click on entries of left panel to play.
- Drag and drop MIDI files into browser to play.
Note: This demo is for Chrome only.
Technology:
CoffeeScript, JavaScript, Three.js, MIDI.js, WebGL, Web Audio API, Drag & drop, File Reader, Local Storage
Comments
The drag and drop doesn't work.
Reply to this commentI finally figure out what's the problem: you didn't set the event listeners for the drop event properly.
Reply to this commentIt's very good, all it needs now is a way to change the speed of the song.
Reply to this commentIts twice as awesome if you use midis from videogames like legend of zelda and super mario.
Reply to this commentYou can download Nintendo midi files from http://home.swipnet.se/~w-22134/nmm/mitten.html and drag them into the webpage.
Reply to this commentThe reason why people "lock" this to Chrome is because Chrome (or Chromium) is completely open source, as opposed to safari where only the webkit is open source. This makes it easier and more appealing to experiment with the capabilities of browsers. research paper help
Reply to this commentPachelbel's Canon in D looks and sounds awesome in this... Great work.
Reply to this commentresearch paper help
Pachelbel's Canon in D looks and sounds awesome in this... Great work.
(http://www.ray.hutchings.dial.pipex.com/pachelbel/CannonDance.mid)
Reply to this commentvery good app
Reply to this commentI LOVE this idea, but unfortunately it sounds terrible for me - like each note is warped and cracked all weirdly.
Reply to this comment0664684916
Reply to this commentUtter bullshit locking this to Chrome only. Works 100% in Safari 6 if you change user agent. Stop boxing in the web, this isn't the nineties and Google ain't Microsoft (although you might start to wonder these days).
Reply to this commentyou are right man!
Reply to this commentIf the browser is compatible, it should be able to run the experiment
The reason why people "lock" this to Chrome is because Chrome (or Chromium) is completely open source, as opposed to safari where only the webkit is open source. This makes it easier and more appealing to experiment with the capabilities of browsers.
Reply to this commentBesides, isn't this site called "Chrome Experiments", a site where people release experiments intended for Chrome?