Animation en JavaScript d’une URL et d’un page title – Barre de son

Découverte complètement inutile du jour : une barre de son qui s’anime grâce à votre micro dans le page title et l’URL.
J’ai testé et ça fonctionne pas mal, peut-être un peu gourmand niveau ressources. J’ai perdu le tweet qui présentait ceci, impossible de retrouver l’auteur pour le créditer 🙁 Si quelqu’un qui passe ici sait de qui il s’agit, n’hésitez pas pas à laisser un commentaire.

 

Voilà le code :

 

var l = [“▁”, “▂”, “▃”, “▄”, “▅”, “▆”, “▇”, “█”];
var x = new AudioContext();
var a = x.createAnalyser();
a.fftSize = 32;
var 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(“”);
}

Laisser un commentaire