Waveform audio visualizer for the HTML5 canvas.
Add the oscilloscope.min.js
script to your HTML, or import the module and bundle it for the browser with your favorite module bundler.
$ npm install oscilloscope
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.
Supply an AudioNode as source
.
Optionally set the fftSize
property of the internal AnalyzerNode. For more control supply an AnalyzerNode as source
.
Draw oscilloscope to a canvas context
, and optionally set position and dimensions.
Start a basic animation loop that redraws the oscilloscope using the .draw()
method.
Stop the animation loop started by the .animate()
method.