Escuche sus paginas web

 

 

 

Una idea inteligente de Tom Hicks que combina MutationObserver(que puede “observar” cambios en elementos como cuando cambian sus atributos, texto o elementos secundarios) y la API de Web Audio para crear sonidos. Coloque este código en la consola de una página donde le gustaría escuchar esencialmente cualquier cambio de DOM para escuchar cómo funciona.

Jugué con él en mi sitio sin servidor porque es un SPA, por lo que hay mucha actividad DOM mientras navegas.

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()const observer = new MutationObserver(function(mutationsList) { const oscillator = audioCtx.createOscillator() oscillator.connect(audioCtx.destination) oscillator.type = "sine" oscillator.frequency.setValueAtTime( Math.log(mutationsList.length + 5) * 880, audioCtx.currentTime, ) oscillator.start() oscillator.stop(audioCtx.currentTime + 0.01)})observer.observe(document, { attributes: true, childList: true, subtree: true, characterData: true,}) 

Parece que Tom está experimentando con otros audios… ¿cómo deberíamos llamarlos? ¿Auralizaciones? Como este de barrido . Ya existe una extensión de navegador para ello, que incluye sonidos para la actividad de la red.

 

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Escuche sus paginas web

Escuche sus paginas web

Una idea inteligente de Tom Hicks que combina MutationObserver(que puede “observar” cambios en elementos como cuando cambian sus atributos, texto o element

programar

es

https://pseint.es/static/images/programar-escuche-sus-paginas-web-1263-0.jpg

2024-06-13

 

Escuche sus paginas web
Escuche sus paginas web

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences