由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和打字稿。我還想限制使用外部庫,並使用所有自定義CSS進行樣式。
環境
Web音頻框架
語言
測試
隨意通過提交問題或在Github上提取請求來做出貢獻。歡迎提出改進和建設性批評的建議!
您可以通過向我發送鏈接的消息與我聯繫。