miguelmota/audio-oscilloscope

Audio oscilloscope in canvas.

audio-oscilloscope

Audio oscilloscope in canvas.

Demo

https://lab.miguelmota.com/audio-oscilloscope

Install

npm install audio-oscilloscope

Usage

var oscilloscope = AudioOscilloscope(document.getElementById('canvas'), {
  canvas: {
    width: function() {
      return window.innerWidth;
    },
    height: 400
  },
  canvasContext: {
    lineWidth: 2,
    fillStyle: 'rgb(0,0,0)',
    strokeStyle: 'green'
  }
});

oscilloscope.draw();

navigator.mediaDevices.getUserMedia({
  audio: true
}).then(function(stream) {
  var audioContext = new AudioContext();
  var source = audioContext.createMediaStreamSource(stream);
  oscilloscope.addSource(source);
}).catch(function(error) {
  console.error(error);
});

License

MIT

audio-oscilloscope's Issues

demo is not functional

the demo is not functional, probably because
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio