🎵 Música/Gear
Nadie te dice que tu navegador puede ser un theremin musical profesional
Saben qué? Tu navegador web tiene un theremin sintetizador completamente funcional oculto en la consola de desarrollador. No necesitas equipo especial, no cuestan mil dólares y puedes jugar con él en cualquier pestaña abierta. Hoy veré cómo activarlo y crear música espacial al instante.
El theremin es ese instrumento electrónico que se toca sin contacto, famoso por las escenas de películas de ciencia ficción donde el "alienígena" hace esas ondas características. Lo que nadie te dice es que la Web Audio API de tu navegador imita exactamente ese comportamiento. Cada navegador moderno tiene osciladores, filtros y envolventes listos para usar.
Lo realmente interesante es que esta tecnología nació para juegos y experiencias interactivas, pero nunca se popularizó como instrumento musical. Mientras productores gastan $2000 en controladores MIDI, tú puedes crear texturas similares con solo presionar F12.
El truco está en la función AudioContext o webkitAudioContext. Aquí tienes el código mínimo:
const audioContext = new (window.AudioContext || window.webkitAudioContext)();
const oscillator = audioContext.createOscillator();
const gainNode = audioContext.createGain();
oscillator.type = "sine";
oscillator.frequency.value = 440;
oscillator.connect(gainNode);
gainNode.connect(audioContext.destination);
oscillator.start();
Pero el theremin requiere controlar la frecuencia con la posición del mouse. Agreguemos ese comportamiento interactivo:
let mouseX = 0;
document.addEventListener("mousemove", (e) => {
mouseX = e.clientX;
const frequency = 200 + (mouseX / window.innerWidth) * 800;
oscillator.frequency.value = frequency;
});
const audioContext = new (window.AudioContext || window.webkitAudioContext)();
const oscillator = audioContext.createOscillator();
const gainNode = audioContext.createGain();
oscillator.type = "sine";
oscillator.connect(gainNode);
gainNode.connect(audioContext.destination);
oscillator.start();
setInterval(() => {
oscillator.frequency.value = 200 + (mouseX / window.innerWidth) * 800;
}, 10);
La diferencia principal no es la calidad del sonido —los osciladores de tu navegador pueden producir ondas cuadradas, sawtooth y hasta ruido blanco— sino la facilidad de acceso. Cualquier persona con un navegador actual puede crear música electrónica experimental al instante.
La próxima vez que estés aburrido en una reunión o necesites ambientación para tu sesión de trabajo, solo necesitas abrir la consola y comenzar a mover el mouse. Tu navegador se convierte en un instrumento musical profesional que nadie sospecha que existe.
¿Qué otro instrumento clásico podría estar oculto en tu navegador sin que lo sepas? Deja un comentario abajo y hagamos una lista colectiva.
Comparte esto si crees que más gente debería saber que su navegador es un instrumento musical oculto.