blob: b8e69cc1be825ba8fe108ee538cc78a8116bb11c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
isomorphic keyboard explorer
============================
This is a little virtual keyboard for playing with isomorphic musical keyboards
layouts such as the [Wicki-Hayden][wh] or [Jankó][janko] layouts.
The keyboard can be played by clicking on buttons or an external MIDI
controller can be connected via WebMIDI. The virtual keyboard will light up the
corresponding button when a note is played.
Using the dropdown menu various musical scales can be highlighted on the
keyboard. The keys outlined in white make up one octave of the selected scale.
The scale can be transposed to any starting note by clicking "set offset" and
then playing the intended root note. Notes that are not on the scale at all are
dimmed.
Next to the keyboard, there is an "interval visualizer" that shows all the keys
currently pressed. The lowest note currently pressed is always shown at the
bottom of the range. All other notes are shown above it (and wrapped down to
the same octave as the root note if necessary). There is a tone/semitone scale
behind the notes, and each note shows the offset in semitones from the root note
next to it.
Whether by pressing keys or clicking buttons, the keyboard sends out MIDI Note
events via WebMIDI. In a compatible browser, this means that it can be used to
play synths such as the following:
- https://www.webaudiomodules.org/wamsynths/dexed
- https://www.webaudiomodules.org/wamsynths/obxd
- https://synth.ameo.dev/fm.html
- https://noisecraft.app/
[wh]: https://en.wikipedia.org/wiki/Wicki%E2%80%93Hayden_note_layout
[janko]: https://en.wikipedia.org/wiki/Jank%C3%B3_keyboard
|