Graphical EQ based on a tweet

graphicalEQ.html

<script>
//https://twitter.com/jake_albaugh/status/1118611365508337665
var l = ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"];
var x;
var a;
var d;
document.onclick = function () { //jb edit to work with chrome 70
	x = new AudioContext();
	a = x.createAnalyser();
	a.fftSize = 32;
	d = new Uint8Array(16);
	navigator.mediaDevices.getUserMedia({ audio: true }).then(s => {
	  x.createMediaStreamSource(s).connect(a);
	  z();
	});
};


function z() {
  setTimeout(z, 40);
  a.getByteFrequencyData(d);
  var s = [];
  d.forEach(v => s.push(l[Math.floor((v / 255) * 8)]));
  location.hash = document.title = s.join("");
}
</script>