- Heroku: http://amelie.herokuapp.com/
bower install amelie
Amelie utilises the
AnalyserNode API to create the visualisation – the example itself is built using React and D3.
In the example there are a handful of core methods; there is the
configureAudioContext method that passes the HTML5
<audio> stream through the
AnalyserNode API; there is also the
analyseAudioStream method that performs the analysis on the current audio stream and defines the
frequencyData which is used to create the visualisations; from there we have the
renderSplodges that take the aforementioned
frequencyData variable to construct the circles using the D3 library.