Afficher l'égaliseur d'un morceau en title et URL de votre site
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
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
Articles liés
Les commentaires ont été désactivés.
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)