rikku47 / synth.js

synth.js should become a software synthsizer. In some parts it works.

synth.js

synth.js should become a software synthsizer. In some parts it works.

Todos

• MIDI Support
• Piano Roll
• ...

Implemented

• Sinewave, Square, Triangle and Sawtooth - Sound
• ADSR - Envelope

More informations

https://webaudio.github.io/web-audio-api/

Notices

This Topic is absolute new to me. So I learn a lot of new things.

The WEB Audio API was very confusing at the beginning for me. Now, I think, I have a solid base of understanding, how the API works in some parts. For example, that the Audio Nodes connected to each other by phone connectors, audio jacks, patch cables... etc.

Like a real synthesizer!

The envelope is just a controller for a signal, like a gamepad, which controls the signal it automatically.

In other words, the envelope is like a timetable, at which time the signal goes up and down. And yes, that is the whole magic at this stage.

Even math becomes in some parts simple, because you can hear and, especially, feel it!

One important thing:

I am slow, want to understand and feel!

So it takes a while for everything.

I hope this is ok.

Have a nice day!

Kai Friebe

synth.js's Issues

Click sound, if sound stops.

Click sound, if sound stops.

Drag and Drop flicker

When Drag and Drop is enabled, the container is flickering. I think, the behavior depends on the calculation and the order of the events of the x and y position.

synth.js/js/listeners/listeners.js

Line 25 in 887e919

function dragstart(event) {