Waveform audio visualizer for the HTML5 canvas
npm install oscilloscopeWaveform audio visualizer for the HTML5 canvas.
!wave
$ npm install oscilloscope
`or include it directly in your HTML:
`html
`example
`javascript
var Oscilloscope = require('oscilloscope')var audioContext = new window.AudioContext()
// create source from html5 audio element
var source = audioContext.createMediaElementSource(audioElement)
// attach oscilloscope
var scope = new Oscilloscope(source)
// start default animation loop
scope.animate(canvas.getContext("2d"))
`See the examples folder for more details on how to customize the animation.
usage
$3
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.