🎹 Sintetizador Web Audio y Envolvente ADSR

100% Client-Side
🎛️ Controles del Sintetizador
20 ms
150 ms
70%
500 ms
600 ms
50%
🎹 Teclado de Piano (una octava)
⌨️ Teclas: A W S E D F T G Y H U J = Do4 … Si4 (W/E/T/Y/U = negras)
📈 Osciloscopio y Envolvente
—
💡 Arrastra los puntos A, D, S y R sobre el lienzo para moldear la envolvente.
-
Forma de Onda Sawtooth
Frecuencia —
Nota —

¿Qué es Sintetizador Web Audio y Envolvente ADSR y cómo funciona?

La herramienta Sintetizador Web Audio y Envolvente ADSR de Teclea.Dev Run te permite procesar y transformar datos directamente en tu navegador web. Play a real Web Audio API synthesizer: drag the Attack, Decay, Sustain and Release points directly on the interactive envelope canvas, choose a waveform, and play the virtual piano (C4-B4) with the mouse or your computer keyboard (ASDF...). Toda la ejecución se realiza en memoria en el cliente sin transferir información privada a servidores externos.

📖 Guía de Uso Rápido

  1. Arrastra las manecillas A, D, S y R directamente sobre el lienzo para moldear la envolvente: tiempo de ataque (fade-in), tiempo de decay (caída al sustain), nivel de sustain (nivel sostenido) y tiempo de release (fade-out). Un slider de hold mantiene estable el nivel de sustain.
  2. Elige una forma de onda (seno, sierra, cuadrada o triángulo) y ajusta el volumen maestro.
  3. Toca el piano virtual (C4-B4) haciendo clic en las teclas o pulsando tu teclado (A W S E D F T G Y H U J). El audio solo arranca tras un gesto de usuario, íntegramente en el navegador.
  4. Observa el osciloscopio real a la derecha mientras suena la nota y lee la configuración Web Audio generada debajo.
  5. Privacidad: 100% en el navegador — ningún audio sale de tu dispositivo.

Ventajas y Características Técnicas