El otro día me desperté medio en automático — de esos días en que el cuerpo se levanta antes que la cabeza. Fui a la cocina, apreté el botón de la cafetera y me quedé ahí, quieto, escuchando. Y por primera vez en mucho tiempo realmente lo oí: el motorcito zumbando en un tono grave y constante, el agua burbujeando por encima en un agudo irregular, y al final ese siseo del vapor escapando. Por algún motivo mi cerebro aún somnoliento pensó: "esto es casi un acorde".
Salí al balcón con la taza y el juego siguió. La bocina de un auto allá abajo — una nota bien definida, se podía cantar. El bip del microondas del vecino, siempre en la misma nota. El teclado de mi portátil, con su clic seco y medio percusivo. Y ahí vino la pregunta que me hizo soltar el café y abrir el editor: ¿y si cada sonido de mi día fuera una nota? ¿Y si pudiera crear sonido de la nada, sin ningún instrumento, solo con código?
Spoiler: el navegador ya es un estudio
Lo más loco de esta historia es que no necesitas instalar absolutamente nada. El navegador que usas ahora mismo tiene, integrada, una de las herramientas de audio más potentes que he visto: la Web Audio API. No reproduce un archivo de música — genera sonido, muestra por muestra, en tiempo real. Es la diferencia entre poner un disco y tener una banda dentro de la máquina.
Y cuando digo "de la nada", es de la nada de verdad. El sonido, al final, es solo aire vibrando. En la pantalla, eso se vuelve números: miles de veces por segundo, la computadora decide la posición del altavoz. Una senoide que sube y baja 440 veces por segundo es el famoso "la" de la orquesta. Es solo matemática convirtiéndose en presión sobre tu tímpano.
El bloque de Lego del sonido: el oscilador
El corazón de todo es el oscilador (OscillatorNode). Piénsalo como una cuerda de guitarra que nunca deja de vibrar. Le dices la frecuencia (en hercios, "vibraciones por segundo") y la forma de la onda, y produce el tono puro. La frecuencia es lo que percibimos como la altura de la nota: grave abajo, agudo arriba.
La forma de la onda es lo que cambia el timbre — el "sabor" del sonido. Estos son los cuatro clásicos:
- Senoide — el tono más puro y limpio que existe, sin ningún condimento. Suena como un silbido suave o un diapasón.
- Cuadrada — hueca y "retro", la cara de los videojuegos de 8 bits. Es el sonido de una Game Boy.
- Triángulo — parecida a la senoide, pero con un poco más de cuerpo, un zumbido suave.
- Diente de sierra — la más áspera y llena, repleta de armónicos. Es la base de la mayoría de los sintetizadores que escuchas en música electrónica.
¿Por qué un botón de "iniciar audio"?
Hay un detalle técnico que parece molesto pero en realidad es una gentileza. Los navegadores prohíben que una página empiece a hacer ruido sola — imagina abrir un sitio y llevarte un susto sonoro. Por eso el audio solo "despierta" tras tu primer toque o clic. Se llama gesture gate. En el sintetizador de abajo, para eso sirve exactamente el botón de encendido: desbloquea el estudio. Pequeña curiosidad, gran alivio para los oídos del mundo.
Dos curiosidades que me dejaron boquiabierto
1. La envolvente ADSR. Cuando aprietas una tecla de piano, el sonido no aparece y desaparece de golpe — nace, brilla y muere siguiendo un dibujo específico. Ese dibujo tiene nombre: ADSR (Attack, Decay, Sustain, Release). El ataque es qué tan rápido surge el sonido; un órgano tiene ataque instantáneo, un violín lo tiene lento. Es un único concepto que separa un "bip" robótico de algo que suena como música de verdad. Mueve esos deslizadores en el synth de abajo y sentirás la diferencia al instante.
2. La escala pentatónica nunca falla. Existe un conjunto de cinco notas — la escala pentatónica — en el que cualquier combinación que toques suena, como mínimo, agradable. Es casi imposible hacerlo sonar mal. No es magia: esas notas no tienen los intervalos "tensos" que causan disonancia. Por eso el modo generativo de mi synth toca notas aleatorias de esa escala y aun así parece que hay un músico ahí. El azar, con las reglas correctas, se vuelve belleza.
Mi opinión honesta
Trabajo con la web desde hace mucho y aun así la Web Audio API me sorprende. Asociamos "navegador" con botón, formulario, tabla — cosas visuales. Pero hay todo un universo sonoro ahí, gratis, sin ninguna dependencia. Podría haberlo resuelto con la librería Tone.js, que es excelente, pero para entender lo que ocurre prefiero mil veces armarlo a mano. Es como aprender a conducir con caja manual: más trabajo, pero sientes la máquina.
Y hay un lado casi filosófico en todo esto: la materia prima del sonido no es ningún equipo caro — es solo vibración organizada. La cafetera ya hacía música aquella mañana; solo necesité un botón para darme cuenta.
Basta de charla — haz ruido 👇
Armé un mini-sintetizador completo, vanilla, que corre aquí en la página. Toca las teclas con el ratón, con el dedo o con el teclado del PC (las letras A a J). Cambia la forma de onda, ajusta la envolvente y el filtro, y mira la onda dibujada en vivo. Si solo quieres relajarte, enciende el modo generativo y déjalo tocar solo en la pentatónica. Aprieta el botón de encendido y diviértete.