audio-render

myAudioStream
.pipe(Render(function (canvas) {
    var data = this.getFloatTimeDomainData();
 
    //draw volume, spectrum, spectrogram, waveform — any data you need
}))
.pipe(Speaker());

var Generator = require('audio-generator');
var Speaker = require('audio-speaker');
var RenderStream = require('audio-render');
var isBrowser = require('is-browser');
 
 
//create rendering stream from passed options
var renderer = RenderStream({
    //custom rendering function, can be passed instead of options
    render: function (canvas) {
        //see audio-analyser for API
        var fdata = this.getFrequencyData();
        var waveform = this.getTimeData(size);
 
        //or use web-audio-api AnalyserNode methods here
        this.getFloatFrequencyData(new Float32Array(self.frequencyBinCount));
        this.getFloatTimeDomainData(new Float32Array(self.fftSize));
    },
 
    //channel number to render, 0 - L, 1 - R, ...
    channel: 0,
 
    //FPS (node only)
    framesPerSecond: 20,
 
    //max amount of data to store, number of samples
    bufferSize: 44100,
 
    //custom canvas (optinal), if you need to render along with other renderer
    canvas: undefined,
 
    //Analysis options
 
    //Magnitude diapasone, in dB
    minDecibels: -100,
    maxDecibels: 0,
 
    // Number of points to grab for fft
    fftSize: 1024,
 
    // Number of points to plot for fft
    frequencyBinCount: 1024/2,
 
    // Smoothing, or the priority of the old data over the new data
    smoothingTimeConstant: 0.2
 
    //...any pcm format options, if required. See pcm-util below.
});
 
 
//Depending on the enviromnent, expose canvas
isBrowser && document.body.appendChild(renderer.canvas);
 
renderer.on('render', function (canvas, data) {
    process.stdout.write(canvas._canvas.frame());
});
 
 
//If renderer is not piped, it works as a sink, else - as pass-through
Generator().pipe(renderer).pipe(Speaker());