Afficher l'égaliseur d'un morceau en title et URL de votre site
Lors d'une discussion, Jake Albaugh et ses amis, ont eu l'idée de créer un script pour afficher l'égaliseur du micro de votre ordinateur en title et URL sur un site Internet. C'est totalement inutile mais ça a le mérite de fonctionner.
Demo
Voici le code pour faire pareil sur votre site :
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("");
}
Je vous laisse autoriser la prise de son par votre navigateur et parler dans votre micro.
Source
when your friend throws you a dumb idea like a URL-based graphic eq, don't think twice, just do it. pic.twitter.com/gBOQR2Ews9
— jake albaugh (@jake_albaugh) 17 avril 2019
Après avoir autorisé l'utilisation de mon micro, j'ai constaté que l'historique de navigation était horrible. Revenir en arrière ? Impossible, car l'historique est pollué par l'égaliseur (et le PC chauffe, le salaud ! x)