Draw a waveform to the canvass element

Fully fully mental! This currently seems to draw the waveform well although the lines are blurry (could this be because of using percentage widths over pixels? Also unsure quite how to work out true amplitude of the wave yet. So for now simply increase the multiplier