Afficher l'égaliseur d'un morceau en title et URL de votre site

4 Août 2019 à 10:20 Programmation

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

Articles liés

1 commentaire

Ajie62 27 Janvier 2020 à 20:32

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)