由React,TypeScript和Tone.js构建的基于Web的开源声音合成器。该多元合成具有两个振荡器,可以通过按下钢琴钥匙来同时播放。每个振荡器都有四个波形可供选择,并通过振幅包膜,生物段滤波器和三个bin均衡器进行路由,可完全控制声音的形状和频率。声音可以通过效果进一步改变,包括反馈延迟,碎屑器,失真和混响。在播放音符时,在显示器中还可以看到乐器的输出。
现场演示

如果您不熟悉合成器,合成器可能会令人生畏,但是一旦您了解了一切的作用,就会很简单。如果您是合成器的新手,我建议您首先使用默认设置播放键,并慢慢调整基本设置,例如振荡器的波形或使用效果,在相应的湿旋钮上大约30%。请小心不要对您不理解的设置进行太多的剧烈更改,因为它可能很大!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
振荡器的声音输出形状。可以设置为:正弦,正方形,三角形或锯齿。
振荡器的音量输出为分贝。
振荡器周期内的起始位置以度为单位。例如,180°的阶段将从振荡器的周期中间开始。
美分中的疏松控制信号。例如,造成100美分的谋取声音会将声音向前移动半步。
提示:尝试将一个振荡器设置为-1200,另一个振荡器将一个振荡器设置为-1200,以产生很酷的效果!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
信封在秒内达到其最大值所需的时间。
在信封的攻击部分之后,该价值将在衰减时间的持续时间内降至其维持价值。
信封在释放前触发信封的攻击后,信封的值位于。
信封在几秒钟内落到其最小值所需的时间。
A biquad filter which blocks certain frequencies while allowing others to pass through.
图表可视化频率数据(FFT)和过滤器的频率响应。 Y轴是分贝,X轴是赫兹(Log Base 10比例比例)中的频率。
过滤器的形状。可以设置为:AllPass,LowPass,High Pass,Lowshelf,Highshelf,Notch或Bandpass。
注意:某些类型不受某些设置的影响,例如,Allpass可以使所有频率通过无论设置如何。
每个八度的分贝下降。
过滤器的Q或质量因子。
过滤器下降的频率。
输出功率与分贝中信号输入功率的比率。
A feedback delay which postpones a signal and can feed the signal back into itself.
效应信号的百分比将通过输出。 0%没有效果,100%只会以任何原始信号输出效果。
原始信号和延迟信号之间的时间量以毫秒为单位。
回馈效果输入的信号量。
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
效应信号的百分比将通过输出。 0%没有效果,100%只会以任何原始信号输出效果。
效果的位深度。
A simple effect which alters a signal creating a distorted sound.
效应信号的百分比将通过输出。 0%没有效果,100%只会以任何原始信号输出效果。
失真强度的百分比。
A simple convolution which emulates the sound in a closed space with decaying noise.
效应信号的百分比将通过输出。 0%没有效果,100%只会以任何原始信号输出效果。
大秒的混响持续时间。
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
每个频率箱的分贝增益。
低/中跨频率。
中/高跨界频率。
合成器的主卷。
合成器的基本八度。
可以通过使用MIDI键盘单击/触摸它们,或使用下面显示的HotKeys播放键。
旋钮可以通过单击/触摸和拖动或用鼠标和滚动盘旋在上面来转动旋钮。
滚动时握住换班速度更快。
可以通过单击/触摸和拖动或用鼠标和滚动盘旋悬停,可以上下移动滑块。
滚动时保持轮班会更快地移动滑块。
该项目是作为投资组合创建的,用于练习和学习新的前端开发技能,特别是使用React.js和Typescript。我还想限制使用外部库,并使用所有自定义CSS进行样式。
环境
Web音频框架
语言
测试
随意通过提交问题或在Github上提取请求来做出贡献。欢迎提出改进和建设性批评的建议!
您可以通过向我发送链接的消息与我联系。