Add a screenshot to the README.

Maybe show off multiple themes like I did for Wavey:

Here's the one on my website currently:

You have to read the README in order to know about the tablature parsing feature

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

And the GitHub repo isn't even linked from the app!

Also other things like right click to do an open string, middle click to bend.

Maybe have a toggle between note names, fret numbers, and none, or just also display fret numbers outside, either at the top or bottom (but statically; not as an option)

Currently it looks broken, like it's got an offset that's not supposed to be there.
It is actually intentional, it's offset so it overlaps the fret that that would be contacted physically.

It should be something more like a circle (where you'd put your finger), blobbily connected to an oval on the fret, or a highlight of the fret. It might look like a bombshell, which might be weird. Maybe it shouldn't be connected? idk
The highlight that represents a finger should move along with your mouse / finger / etc. (and be centered for playback, or if articulations are implemented, it could slide and stuff too)

Like this: https://jsfiddle.net/1j01/a5c6kwek
with the circle expanding out from the <select>
Could also do it with canvas clipping

Safari error for coffee script
Guitar not show and run

It starts feeding back on itself in a way that it's not supposed to and it results in really loud noises ending up as Infinities, which cause NaNs which cause NaNs which cause NaNs which cause an error in tuna.js which can break the sound completely and/or make the string partially invisible; it can also make the particular string permanently incredibly loud, for all the notes (because I have it copy over the array data when resizing it to change the period)

Use the fretboard as a MIDI instrument interface in other apps (it does work with other apps, doesn't it? it might not; that would be lame; it might only be able to output to hardware midi devices)

(Could also support MIDI input in the future, and MIDI files as input, so you can transcribe other music to guitar tablature more easily)

Add a presets selector that loads tablature from files.

Oh look, I already have a folder with some tabs.
That tetris one is especially fun if I recall.

(Could maybe do collaborative editing with Firepad in the future; I've done something fairly reasonable in jspaint (in the abstract) with different types of sessions and session types + document IDs in the URL, but I'd rather have it save locally as well, always have a local copy with your latest changes even in collaborative mode - for both apps / for any app)

Including playing back tabs, because you can make interesting new things by pressing multiple notes at once and making new rhythms; you could alternate between pressing 2 and 3 or 4 different keys at once, etc.

"So much of art, so much of creation is discovery" -Bret Victor, Inventing on Principle at ~5:24

And it's easy to discover interesting new things with this. I want to make capturing those discoveries easy, frictionless, effortless, literally not something you have to think about. You can't know when you're about to do something creatively interesting, when you're about to improvise something new and fun, or just make an accidental variation on a melody, before you do it, you can only recognize it afterwards; so it makes sense--that is, it follows that our tools should support recording retroactively.
(I call it "precording"; you could also call it "retrocording")

The cursor is effectively in one location until you release the mouse, so it inserts or deletes characters on a single row, which can lead to misalignment and then the Multi-Row Cursor mode stopping its effect entirely.

Demonstration of typing while selecting:

Like I've done in Tri-Chromatic Keyboard

I think this would be really helpful, especially for a physical instrument (as opposed to something virtually no one in the world (including me) has a physical analog to), because you could learn from it and apply it back to the real world. I guess there are charts for this sort of thing, but... hm, looking at google images, it's pretty overwhelming. The least overwhelming one is a photo of a guitar with some circles with note names added.

I'm seeing this in Chrome (on Windows 10).

Should investigate and see if there are memory leaks - I imagine that's what's going on!

So that you can start from a bend.

It would probably be fine for many mice, but what about a single-button mouse? If you're using modifier keys instead of specific mouse buttons, it probably wouldn't work, by default. It could work, tho, by listening for a modifier key, or another key like B if that's less weird.

It can be fun to play based on scales on the screen without looking at the guitar you're holding, but when you need to (especially when the frets get closer together), looking between your guitar and the app with its representation and holding in mind the relation could be easier,
especially since the strings at the top on the screen are lower physically (assuming right handed guitar/tuning/player) unless you're holding it weird.
It could be easier with: literal "skew-o-morphism"!
(skewing it into perspective so it's more like what you're seeing)
of course augmented reality would be better...
or maybe... get this... printing out scales to slip under the strings of the neck of the guitar
they would need to avoid the frets, and they might affect the sound if it's not flush enough, but it's doable; just need some slits for the frets (which could be a pain to cut out), and you'd need to specify measurements
and most printer paper isn't long enough for a full size guitar so it should let you split it up (it should still only need one A4(?) piece of paper, just two pieces)
yeah, guitar scale sleeves, I want to try that

Scope

For a first pass, audio transcription can be left to other tools that convert audio to MIDI, like Basic Pitch.
That said, Basic Pitch is open source, so it could be integrated directly, eventually (especially if tensorflow.js is supported for in-browser inference; I think it requires a Python backend currently).

Problem Statement

I feel like the fundamental shortcoming of transcription systems is their all-or-nothing/once-off approach to automation. Transcription tools are either are all manual (a digital equivalent of writing sheet music by hand) or they are a one-off process that you can trigger, but which isn't interactive.

With automatic transcription systems that aren't interactive, if the result isn't quite right, you can go back and change settings (if there are any) and try again, but the settings don't necessarily work well across the whole song, especially if it has tempo changes, and if the measures don't line up properly, usually none of the note and rest durations chosen during quantization will make sense.

Also, with fretted instrument transcription, most programs seem to output tablature that is impossible to play, not really taking into consideration hand geometry. In general, a MIDI file may indeed be impossible to play, but, it feels like they're not even trying, idk.

Solution Strategy

• A slider at the top of the fretboard lets you adjust the hand position, to anywhere along the fretboard, and the transcription system will try to find fingerings close to this hand position.
• The hand position can be recorded at many points during the song.
• Capo position, tuning, and tempo changes can also be recorded anywhere in the song.
• (The transcription system should also try to pick fingerings that are easy to play in succession, ideally, but that seems more complicated. For instance, a diagonal arrangement of fingers may be slid to parallel easily, but the opposite diagonal often warrants switching which fingers are used for which string.)
• If it doesn't detect how measures should be broken up right, you can manually move bars around, that separate the measures, and it will recompute the transcription/quantization for just the affected measures. If you adjust tempo change events, it recomputes the bars after the tempo change.
• Tempo changes (and even tuning changes) can be gradual, so support for curves could be useful, but that's pretty advanced. That said, when designing the "change events" system, it may be better to go ahead and design it as a "curve editor", since it would need some sort of timeline anyway.
• When you select a note, you should be able to pick any equivalent note to replace it with, with exact matches on other strings highlighted, and different-octave matches highlighted differently.
• (Ideally, when adjusting settings that affect the automation, changes you've made already should be persisted if possible, such as deleting a note or picking a different fingering for it, but this is pretty complicated in general. For instance, adjusting settings may generate different numbers of notes, so if you adjusted the fingering of a note, where there are now two, should it affect both? Or if there were two and you adjusted one and there's now only one, should the adjustment apply to it, or should it be left, like the originally-unadjusted note?)
  • (It could at least let you know if changes you made will be overwritten.)

Inconsistent styling, and unpleasant to work with because I can't tell what things are just by looking at them
For instance I got tripped up by the difference between str and s, which are both abbreviations of the word "string", but one of which is a GuitarString and one of which is a number (an index into the array of guitar strings). Neither are strings, which is funny, but, ay-ai-ai, not good, not good stuff

Previously there was only multi-row selection; I added a toggle for it, but I apparently need to do something on click, like prevent default, or rework how the unfocusing detection works

A demonstration of trying to undo and fix the alignment of part of some tabs:

...I think clicking on the selection (such as might start a drag) is what causes it to unfocus
(with the multiline selection preventing that possibility - but we do want that possibility)

Online Guitar Toy? Guitar Simulator 2018? ...2014? Fretboard Simulator 2019?

Like https://musiclab.chromeexperiments.com/Strings
or maybe fancier, i.e. with ｍｏｔｉｏｎ　ｂｌｕｒ

Only the left ear!

https://github.com/micbuffa/WebAudio-Guitar-Amplifier-Simulator-3

Also it doesn't restore selections when undoing/redoing, it just selects everything.