All Projects → meandavejustice → draw-wave

meandavejustice / draw-wave

Licence: other
draw waveform to canvas from audiobuffer

Programming Languages

javascript
184084 projects - #8 most used programming language

draw-wave

Render a wave form from a web audio buffer to canvas or svg element.

NPM

Usage

Render to Canvas

var drawBuffer = require('draw-wave');

drawBuffer.canvas(document.querySelector('.my-canvas'), audiobuffer, '#52F6A4');

Generate SVG

var drawBuffer = require('draw-wave');

var waveSVG = drawBuffer.svg(audiobuffer, 500, 300, '#52F6A4');
document.appendChild(waveSVG);

This will look produce something like this

here is the song

og canvas version

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].