← Experimentos · Recursos

Un sintetizador que suena.

Teclas que hacen sonido real — sin instalar nada, sin archivos de audio — usando el motor de sonido del navegador. Todo de un prompt. Tocá las teclas (subí el volumen).

◆ SYNTH · tocá las teclas (subí el volumen)
Onda

Llevate el prompt que construye esto

Te llegan COMPLETOS al correo — con la plataforma exacta donde usarlos y mis trucos de producción. Copiar, pegar y ajustar.

· El prompt completo

prompt-synth.txt
> Construime un sintetizador/piano en una sola página HTML usando la Web Audio API (sin archivos de audio): una fila de teclas que al tocarlas generan la nota correspondiente (C D E F G A B C) con un oscilador y una envolvente suave de ataque y caída. Agregá un selector de tipo de onda (sine, square, sawtooth, triangle). Que funcione con clic y con touch. Solo HTML, CSS y JavaScript vanilla.

El detalle pro: usá una envolvente (rampa de ganancia) en vez de prender/apagar el volumen de golpe — si no, suena un "click" feo en cada nota. Y creá el AudioContext recién al primer toque (los navegadores lo exigen).

¿Lo construiste?

Mostrámelo por DM — comparto los mejores. Cada semana sale un drop nuevo.

Seguir @soydanielcastrillon