Un sintetizador de sonido basado en la web de código abierto construido con React, TypeScript y Tone.js. Este Polysynth presenta dos osciladores que se pueden jugar en conjunto presionando las teclas de piano. Cada oscilador tiene cuatro formas de onda para elegir y se enruta a través de una envoltura de amplitud, filtro bíquadrático y un ecualizador de tres contenedores que permite un control total sobre la forma y las frecuencias del sonido. El sonido se puede alterar aún más con los efectos que incluyen retraso de retroalimentación, triunfador de bits, distorsión y reverb. La salida del instrumento también se visualiza en la pantalla mientras se reproducen notas.
Demostración en vivo

Los sintetizadores pueden ser bastante intimidantes si no está familiarizado con ellos, pero son bastante simples una vez que comprende lo que todo hace. Si eres nuevo en los sintetizadores, recomiendo comenzar jugando las teclas con la configuración predeterminada y ajustando lentamente la configuración básica como las formas de onda del oscilador o jugando con los efectos con alrededor del 30% en la perilla húmeda correspondiente. ¡Tenga cuidado de no hacer demasiados cambios drásticos en la configuración que no comprenda porque puede ser muy fuerte!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
La forma de la salida de sonido por el oscilador. Se puede configurar en: seno, cuadrado, triángulo o sierra.
La salida de volumen del oscilador en decibelios.
La posición inicial dentro del ciclo del oscilador en grados. Por ejemplo, una fase de 180 ° comenzaría a la mitad del ciclo del oscilador.
La señal de control de DETUNE en centavos. Por ejemplo, una decune de 100 centavos cambiaría el sonido hacia adelante medio paso.
Consejo: ¡intente configurar un oscilador en -1200 y el otro a 1200 para un efecto genial!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
La cantidad de tiempo que tarda el sobre para alcanzar su valor máximo en segundos.
Después de la parte de ataque del sobre, el valor caerá durante la duración del tiempo de descomposición para su valor de sostenimiento en segundos.
El valor en el que descansa el sobre después del ataque del sobre se activa antes del lanzamiento.
La cantidad de tiempo que tarda el sobre en caer a su valor mínimo en segundos.
A biquad filter which blocks certain frequencies while allowing others to pass through.
Gráfico que visualiza los datos de frecuencia (FFT) y la respuesta de frecuencia del filtro. El eje y es decibelios y el eje X es las frecuencias en Hertz (escala de la base log 10).
La forma del filtro. Se puede configurar en: AllPass, LowPass, HighPass, LowShelf, Highshelf, Notch o Bandpass.
Nota: Algunos tipos no se ven afectados por ciertas configuraciones, por ejemplo, Allpass permite que todas las frecuencias sean independientemente de la configuración.
La caída en decibelios por octava.
El factor Q o de calidad del filtro.
La frecuencia en la que el filtro cae hacia abajo.
La relación de potencia de salida a la potencia de entrada de la señal en decibelios.
A feedback delay which postpones a signal and can feed the signal back into itself.
El porcentaje de la señal del efecto que pasará a la salida. El 0% no tiene efecto y el 100% solo generará el efecto sin ninguna de la señal original.
La cantidad de tiempo entre la señal original y la señal retrasada en milisegundos.
La cantidad de señal que se vuelve a encender a la entrada del efecto.
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
El porcentaje de la señal del efecto que pasará a la salida. El 0% no tiene efecto y el 100% solo generará el efecto sin ninguna de la señal original.
La profundidad de bit del efecto.
A simple effect which alters a signal creating a distorted sound.
El porcentaje de la señal del efecto que pasará a la salida. El 0% no tiene efecto y el 100% solo generará el efecto sin ninguna de la señal original.
El porcentaje de la intensidad de la distorsión.
A simple convolution which emulates the sound in a closed space with decaying noise.
El porcentaje de la señal del efecto que pasará a la salida. El 0% no tiene efecto y el 100% solo generará el efecto sin ninguna de la señal original.
La duración de la reverb en segundos.
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
La ganancia en decibelios para cada contenedor de frecuencia.
La frecuencia de cruce baja/media.
La frecuencia de cruce medio/alta.
El volumen maestro del sintetizador.
La octava base del sintetizador.
Las teclas se pueden reproducir haciendo clic/tocándolas, con el teclado MIDI o con el teclado de su computadora con las teclas de acceso rápido que se muestra a continuación.
Las perillas se pueden girar haciendo clic/tocando y arrastrando o flotando sobre ellos con el mouse y desplazándose.
Manteniendo el cambio mientras se desplaza gira las perillas más rápido.
Los controles deslizantes se pueden mover hacia arriba y hacia abajo haciendo clic/tocando y arrastrándose o flotando sobre ellos con el mouse y desplazándose.
Manteniendo el cambio mientras el desplazamiento mueve los controles deslizantes más rápido.
Este proyecto fue creado como una pieza de cartera para practicar y aprender nuevas habilidades de desarrollo front-end, específicamente utilizando React.js y TypeScript. También quería limitar el uso de bibliotecas externas y usar todos los CSS personalizados para el estilo.
Ambiente
Marco de audio web
Idioma
Pruebas
Siéntase libre de contribuir enviando problemas o retire las solicitudes en GitHub. ¡Las sugerencias de mejoras y críticas constructivas son bienvenidas!
Puede contactarme enviándome un mensaje en Linked In.