Synthesizer suara berbasis web open-source yang dibangun dengan React, TypeScript, dan Tone.js. Polysynth ini menampilkan dua osilator yang dapat dimainkan bersama -sama dengan menekan tombol piano. Setiap osilator memiliki empat bentuk gelombang untuk dipilih dan dialihkan melalui amplop amplitudo, filter biquadratic, dan tim equalizer tiga bin yang memungkinkan kontrol penuh atas bentuk dan frekuensi suara. Suara dapat diubah lebih lanjut dengan efek termasuk penundaan umpan balik, bit-crusher, distorsi, dan reverb. Output dari instrumen juga divisualisasikan dalam tampilan saat catatan sedang dimainkan.
Demo langsung

Synthesizers bisa sangat menakutkan jika Anda tidak terbiasa dengan mereka, tetapi cukup sederhana setelah Anda mengerti apa yang dilakukan semuanya. Jika Anda baru mengenal synthesizer, saya sarankan memulai dengan memainkan kunci dengan pengaturan default dan perlahan -lahan mengutak -atik pengaturan dasar seperti bentuk gelombang osilator atau bermain dengan efek dengan sekitar 30% pada kenop basah yang sesuai. Berhati -hatilah untuk tidak membuat terlalu banyak perubahan drastis pada pengaturan yang tidak Anda mengerti karena bisa sangat keras!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
Bentuk output suara oleh osilator. Dapat diatur ke: Sine, Square, Triangle, atau Sawtooth.
Output volume osilator dalam desibel.
Posisi awal dalam siklus osilator dalam derajat. Misalnya fase 180 ° akan dimulai di tengah siklus osilator.
Sinyal kontrol detune dalam sen. Misalnya, detune 100 sen akan menggeser suara ke depan setengah langkah.
Kiat: Coba atur satu osilator ke -1200 dan yang lainnya hingga 1200 untuk efek keren!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
Jumlah waktu yang dibutuhkan amplop untuk mencapai nilai maksimum dalam detik.
Setelah bagian serangan dari amplop, nilainya akan jatuh selama durasi waktu peluruhan untuk nilai mempertahankannya dalam hitungan detik.
Nilai di mana amplop berada di setelah serangan amplop dipicu sebelum rilis.
Jumlah waktu yang diperlukan untuk amplop jatuh ke nilai minimum dalam detik.
A biquad filter which blocks certain frequencies while allowing others to pass through.
Grafik yang memvisualisasikan data frekuensi (FFT) dan respons frekuensi filter. Sumbu Y adalah desibel dan sumbu x adalah frekuensi dalam Hertz (skala Log Base 10).
Bentuk filter. Dapat diatur ke: Allpass, Lowpass, Highpass, Lowshelf, Highshelf, Notch, atau Bandpass.
Catatan: Beberapa jenis tidak terpengaruh oleh pengaturan tertentu, misalnya AllPass memungkinkan semua frekuensi melalui terlepas dari pengaturan.
Penurunan desibel per oktaf.
Q atau faktor kualitas filter.
Frekuensi di mana filter turun.
Rasio daya output untuk memasukkan daya sinyal dalam desibel.
A feedback delay which postpones a signal and can feed the signal back into itself.
Persentase sinyal efek yang akan melewati output. 0% tidak memiliki efek dan 100% hanya akan menghasilkan efek dengan tidak ada sinyal asli.
Jumlah waktu antara sinyal asli dan sinyal tertunda dalam milidetik.
Jumlah sinyal yang diumpankan kembali ke input efek.
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
Persentase sinyal efek yang akan melewati output. 0% tidak memiliki efek dan 100% hanya akan menghasilkan efek dengan tidak ada sinyal asli.
Kedalaman bit dari efeknya.
A simple effect which alters a signal creating a distorted sound.
Persentase sinyal efek yang akan melewati output. 0% tidak memiliki efek dan 100% hanya akan menghasilkan efek dengan tidak ada sinyal asli.
Persentase intensitas distorsi.
A simple convolution which emulates the sound in a closed space with decaying noise.
Persentase sinyal efek yang akan melewati output. 0% tidak memiliki efek dan 100% hanya akan menghasilkan efek dengan tidak ada sinyal asli.
Durasi reverb dalam hitungan detik.
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
Keuntungan dalam desibel untuk setiap nampan frekuensi.
Frekuensi crossover rendah/tengah.
Frekuensi crossover menengah/tinggi.
Volume utama synthesizer.
Oktaf dasar synthesizer.
Kunci dapat dimainkan dengan mengklik/menyentuhnya, dengan keyboard MIDI, atau dengan keyboard komputer Anda dengan hotkeys yang ditunjukkan di bawah ini.
Kenop dapat diputar dengan mengklik/menyentuh dan menyeret atau dengan melayang di atasnya dengan mouse Anda dan menggulir.
Memegang shift sambil menggulir memutar tombol lebih cepat.
Slider dapat dipindahkan ke atas dan ke bawah dengan mengklik/menyentuh dan menyeret atau dengan melayang di atasnya dengan mouse Anda dan menggulir.
Memegang shift sambil menggulir menggerakkan slider lebih cepat.
Proyek ini dibuat sebagai karya portofolio untuk berlatih dan mempelajari keterampilan pengembangan front-end baru, khususnya menggunakan react.js dan naskah. Saya juga ingin membatasi penggunaan perpustakaan eksternal, dan menggunakan semua CSS khusus untuk penataan.
Lingkungan
Kerangka Audio Web
Bahasa
Pengujian
Jangan ragu untuk berkontribusi dengan mengirimkan masalah atau tarik permintaan di GitHub. Saran untuk perbaikan dan kritik konstruktif dipersilakan!
Anda dapat menghubungi saya dengan mengirimi saya pesan di Linked In.