A soft-synth for the web.
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


tta - a javascript soft-synth

Try it here!

What is it?

tta is a very feature-light software synthesizer that runs in your web browser.

What browsers are supported?

Currently it only functions in Safari and Chrome because they support the Web Audio API. Firefox support could be added through use of their Audio Data API, but I haven't taken the time to do that.

Where do I use it?

At http://www.matthewrayfield.com/tta/tta.html or on your own computer by following the "How do I install it?" instructions below.

How do I use it?

Press some keys please! You'll see one octave worth of keys on the screen. You can either click these directly or use your keyboard's keys with the corresponding letters.

After you do that for a bit, you might want to play with the knobs up top. These you'll have to click on and hold, then move your mouse to adjust.

The knob letters stand for the following:

  • __w__ave
  • __a__ttack
  • __d__ecay
  • __s__ustain
  • __r__elease

I hope you know what these mean. If you don't, this should help.

How do I install it?

If you'd like to run it off your own computer or web-server just do the following:

  1. Clone this repo.
  2. Clone the luk repo.
  3. Copy, "luk.js" and "luk.css" into your tta folder.
  4. Access "tta.html".

What's next?

I'm not sure. But I do have some ideas:

  • Multi-octave support.
  • Firefox support.
  • Mouse-based theremin-like controls for things.
  • Sequencer.
  • Effects.
  • Recording.
  • Touch support (not sure what the state of mobile web audio is).
  • More doodads!