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

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

Tags : JavaScript, Navigateur, Tutoriaux, Tutoriel
Catégorie : Programmation
Mise en ligne : 4 Août 2019 à 10:20

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.

Démo

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

<Laisser un commentaire/>

* Champs obligatoire