Oscilloscope.js

📟November 20, 2020

Audio visualization for JavaScript to render sound on a HTML canvas

WebAudio API
MIT license

Available on:

Oscilloscope.js

Audio visualization for JavaScript. Render audio/visual data to an HTML <canvas> element with ease. Oscilloscope.js provides various visualization modes such as oscilloscope, frequency bars, spectrogram, and XY plots. Customize the appearance by changing colors, thickness, and framerate to suit your needs. Perfect for creating dynamic and interactive audio visualizations in web applications.

Example

var options = {
	at: "container",
	type: "oscilloscope",
	thickness: 5,
	id: "theOsc",
	color: "#39FF14",
	background: "#303030",
	fade: 1,
	fftSize: 2048
};

var myOscilloscope = new Oscilloscope(options);