Guitar

It's a virtual guitar record-a-synthesize-amatronic web application.

Try it out here.

You can copy and paste entire webpages containing guitar tabs and it'll try to load all it can.

Play back notes by pressing "almost any" key (at least on US keyboards), with the fretboard focused or nothing focused. You can rock back and forth between different fingers on different keys, or just one, whatever feels natural.

Record notes by clicking on the fretboard. Secondary click is a shortcut to an open string, since you can do this easily in real life from any position as well. Tertiary mouse button (middle mouse button) does a bend, although bends are not recorded yet.

Timing is also not recorded yet. So it's not very useful for recording tabs, although you could certainly use it as an interactive chart at least.

You can choose any scale to highlight, a feature I first implemented in Tri-Chromatic Keyboard. It should be much more useful here, since you can learn how to play the guitar with it! (as opposed to an instrument that virtually no-one has, including me)

---

Uses tuna audio effects library. The guitar synthesis algorithm is from guitar-synth.

The tablature parser created for the app is available separately as a module here.

TODO

• Better mobile support

  • Play back recorded notes with a button

  • Multitouch

• Make web application self-explanatory and test accessibility

• Make bending (MMB) less ridiculous

• Record chords (with multitouch or a modifier key, maybe also have some sort of toggle)

• Strum chords in playback, maybe have up/down arrows for up/down strumming

• Source mapping, so you can see and keep the rhythm, articulations, and comments as context

• Record, parse, and play back articulations such as slides, bends, vibratos, hammer-ons, and pull-offs

• Different sound for sliding than for plucking/picking

• Different sound in general, ha, since it's not great...

• Support for different tunings

• Allow configuring the effects chain (at least toggle distortion on/off)

• Tablature editor

  • Clear way to unfocus / set focus to the fretboard for playback, via the keyboard

  • Scroll with the playback position

  • Make the playback position indicator different while playing

  • Handle multi-digit numbers when highlighting stuff

  • Set the position in the song when you click in the tablature editor

  • Insert and overwrite notes with the virtual guitar fretboard

  • Shift+click to select keeping the existing selection anchor

  • Disable or override double-click and triple-click

  • Toggle custom selection behavior

  • Maybe have a button to toggle insert/overwrite too

  • Clearer insert mode cursor

  • Custom syntax highlighting

    • Highlight tablature with articulations and everything

    • Highlight << misalignment markers as erroneous

  • Why does the selection style change on mouseup?

  • Maybe add some padding with renderer.setPadding?

  • Paste from contentEditable to detect a <pre> containing the tabs? Just to eliminate noise, and if it keeps surrounding text (context) while editing, extra output in what you might save / the work in removing it.

• MusicXML? MIDI?