oscilloscope
Waveform audio visualizer for the HTML5 canvas.
install
Import the module and bundle it for the browser with your favorite module bundler,
$ npm install oscilloscope
or include it directly in your HTML:
example
var Oscilloscope = var audioContext = // create source from html5 audio elementvar source = audioContext // attach oscilloscopevar scope = source // start default animation loopscope
See the examples folder for more details on how to customize the animation.
usage
scope = new Oscilloscope(source [, { fftSize: 2048 }])
Supply an AudioNode as source
.
Optionally set the fftSize
property of the internal AnalyzerNode. For more control supply an AnalyzerNode as source
.
scope.draw(context [, x, y, width, height])
Draw oscilloscope to a canvas context
, and optionally set position and dimensions.
scope.animate(context [, x, y, width, height])
Start a basic animation loop that redraws the oscilloscope using the .draw()
method.
scope.stop()
Stop the animation loop started by the .animate()
method.