Hi Chris,

just want to say thank you for the code.
Had a lot of fun with knobs and playing some Carpenter tunes :)

Differences:

• Removed PWA
• Removed Polymer
• Reworked knobs a bit
• VanillaJS
• ES6 Import/Export
• Digital Jockey DJ Deck MIDI input
• Wider piano (matches the one i have here)
• Persistent settings

https://drsnuggles.github.io/midi-synth/
https://github.com/drsnuggles/midi-synth/

CU,
Max

I've just incorporated this synth into my WebMIDISynthHost project [1], and see that the Voice constructor's velocity argument (js/synth.js, line 468) is not used. (It was used in an earlier version, but commented out, in line 478.)
How can it be used? Line 478 refers to a variable that no longer seems to exist...
Does this need fixing for both oscillators?

all the best,
James

[1] http://james-ingram-act-two.de/open-source/WebMIDISynthHost/host.html

I'm trying to run this on my local machine.
Getting Imported resource from origin 'file://' has been blocked from loading by Cross-Origin Resource Sharing policy: Received an invalid response. Origin 'null' is therefore not allowed access.

This is in Chrome Canary.

I'm not sure what license this code is under.

Recording is not possible - the button is not functioning.

The 2 "tremolo" knobs which control modulation of the 2 oscillators actually affect PITCH (frequency) modulation, not loudness (amplitude), so they should be labelled "Vibrato", not "Tremolo".

Eh? The console says that a midi controller is connected but the midi is still not playing from the computer... Any ideas?

The panel does not open even in Google Chrome.

These days, new AudioContext() and requestMIDIAccess() need to be initiated by a user gesture.

Error messages in Firefox:

An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page.

Uncaught (in promise) TypeError: selectMIDI is null
    populateMIDIInSelect https://webaudiodemos.appspot.com/midi-synth/js/midi.js:44
    onMIDIStarted https://webaudiodemos.appspot.com/midi-synth/js/midi.js:87

If I set KBD_OCT to +1, and hit the leftmost key (C), I don't see that key get highlighted to indicate that it detected my mouse action. Instead, the C key near the middle is highlighted, presumably because the synthesizer is playing C3, 131 Hz, just as it would if I pressed that key without changing the keyboard octave.

This is especially problematic when I'm trying to play a chord on a multi-touch device, since with significantly distorted synth settings it is actually not clear whether it detected each of the keys I meant to press. And for many settings, no keys are visibly highlighted at all.

Please highlight the keys I'm playing, rather than highlighting the key from the unmodified keyboard corresponding to the note that is playing.

...that way we can avoid conflicting with the knob-set frequency.

Hi Chris,

I'm using Chrome 38 with the MIDI flag enabled but I can't get your synth (or drum machine) to connect with any of my MIDI controllers.

I've enabled the chrome flag and restarted. I've also installed the jazz-plugin even though I wasn't sure if I needed it. What steps need to be taken for this to work?

Thank you

Hi Chris,
I'm using the latest version of Chrome with the MIDI flag enabled.
I can connect your sinth with my MIDI controllers, so i can see my keyboard in the MIDI_IN list.
When I try to play with your virtual piano I can hear the sound but, if I try to play with my keyboard it doesn't sound.
Have you got any idea to risolve this problem?

Thanks!
Mattia.

This is really neat but was a bit hard to find - maybe you could get it linked from https://webaudio.github.io/demo-list/ ? the list of Midi demos there is a bit short.

Not a bug so much as a head's up for anybody trying this with a Chromebook: it seems that, after enabling WebMIDI in the browser, you need to reboot ChromeOS for a USB MIDI keyboard to be recognized. Once you do, it seems to work fine, but I figured it was worth mentioning if anybody was trying this.

Latency on an Acer c720 Chromebook is nil, by the way. Amazing.