isc / qbp Goto Github PK

For the moment, we only have a guy that whistles.

function togglePlayback() { initialize() audioContext = new AudioContext() var request = new XMLHttpRequest() request.open('GET', '/whistling.ogg', true) request.responseType = 'arraybuffer' ...

Add other instruments : 10 sec max / 2 measures

• Add guitare
• Add piano
• Add flute - interesting as voices for modularity

Simple UI : a select to choose the samples and play it.

Theres's a problem on the note display on the lines (+1/4 tone)

What we want with whistle.ogg :

For the moment, there's no notion of rhythm.
It can be determined with the length of the buffer.

Played multiple times, the graph gets messy

Update data and re-render

http://gionkunz.github.io/chartist-js/api-documentation.html#chartistbase-function-update

We're using

  rafID = window.requestAnimationFrame(updatePitch)

Change it to a deterministic sampling method : e.g. every 10ms.

• Add stop / play
• Don't allow multiple samples to be played at once