Nascent Personality Manifestation
Miss any of our Open RFC calls?Watch the recordings here! »

oscilloscope

1.2.0 • Public • Published

oscilloscope

npm downloads dependencies license

Waveform audio visualizer for the HTML5 canvas.

wave

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:

<script src="//unpkg.com/oscilloscope@1.1.0/dist/oscilloscope.min.js"></script>

example

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

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.

Install

npm i oscilloscope

DownloadsWeekly Downloads

129

Version

1.2.0

License

MIT

Unpacked Size

23.2 kB

Total Files

12

Last publish

Collaborators

  • avatar