softpunch/gro

Music For Web Browsers

GRO

GRO is a dynamic musical composition for web browsers.

Five audio loops of differing lengths are stacked together to create an effect similar to Phasing or Euclidean Rhythm.

Initial parameters (such as the key and the tempo) change slightly with every page load, and the volume of each loop continuously fluctuates.

The result is a pleasant drone and a simple melodic phrase that subtly evolves over time.

The piece should play on any recent device with any major web browser except IE. Chrome is recommended.

Process & Credits​

Pipe organ samples provided by the Leeds Town Hall Organ, as captured by Samplephonics and Dr. Simon Lindley.

Loops created with Ableton Live 9.

Musical arrangement created with JavaScript and the Web Audio API.

JavaScript implementation of the Schroeder-based "Freeverb" taken from TONE.js.

Stereo Panner Polyfill created by @mohayonao.

CSS Normalization pulled from Tachyons.io.

Inspiration & Advice provided by @tambien, @jakealbaugh, @wizgrav, and @wam.

Troubleshooting

If you experience glitches or playback issues, make sure that you aren't simultaneously running other dynamic web pages or applications, and make sure your browser is up to date.

If you still experience trouble, please file an issue here on Github.

License

MIT