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

4 Août 2019 à 10:20 Programmation

Je ne publierai plus rien sur ce blog. Un nouveau blog existe maintenant. Il se nomme Hardly Smart.

Vous pourrez y retrouver des astuces plus larges sur l'informatique ainsi que mes anciens billets de blog.

Je vous souhaite une bonne lecture sur Hardly Smart.


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

Les commentaires ont été désactivé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)