evashort/chords

Text-based chord progression editor

chords's Issues

crash when deleting flag not followed by newline

To reproduce, delete textbox contents, uncheck "Default" for BPM, delete newline, re-check "Default".

Janko keyboard

Janko keyboard has a nice property: a chord has the same shape in any key.

Also, it provides good visual representations of scales:

Move all styling into a CSS

Random progression generator

Hi, it's possible add a random progression generator for 4/8/16 bars like https://chordchord.com/.

Barlines

Allow users to type pipe characters that function as barlines.

When a line of text contains no barlines, the default division is two chords per bar, with the last chord taking a full bar if there's an odd number of chords.

• |A| = Full bar of A
• |A B| = Half bar each of A and B
• |A B C| = One beat each of A and B, half bar of C
• |A B C D| = One beat of each chord
• |A B C D E| = Too many chords to fit in a bar. Default barlines are added between B and C as well as between D and E.

If a line of text does not start with a barline, chords before the first barline use the default division.

If a line of text does not end with a barline, chords after the last barline use the default division.

When the user clicks the first chord of a bar, playback automatically advances to the end of the bar. This only applies if the user has put an explicit barline on both sides.

In order to fit 4 chords in a bar, the "Basic" strum pattern will have to be adjusted so that each cycle is half a bar. This means its default BPM will be 65 instead of 125.

clicking chord twice should produce dotted outline

after clicking a chord twice in arpeggio mode it should be considered both "currently playing" and "scheduled to play next" and it should have a dotted outline

Wrong URL in the overview box

should be replaced with: https://evashort.com/chords/

Display inversions

Add a set of radio buttons under the keyboard like ( Root position | Over E | Over G ). When these buttons are clicked, set the inversion field of the keyboard object, causing it to display the inversion. Reset the inversion field when another chord is played. When the user selects the notes of an inverted chord, set the customInversion field of the keyboard object and show the chord name below the keyboard as if it was a normal chord.

middle clicking refresh button in firefox creates a mess

Go to http://evanshort.name/chords/#text=key%3A+Ab%0Alowest%3A+4%0AAb+Bbm+Cm+Db+Eb+Fm+Go%0A

type anything in the textbox, then middle click the refresh button

Tap BPM

if last line consists of only spaces, it is highlighted red

Lines consisting of only spaces should not be highlighted red.

Add support for Nashville Number System

First of all: Really cool project! 😁 I think I'm going to add a link to the website to all my song ideas from now on. Makes it much easier to pick up a song again after you haven't worked on it for a long time. 🙌

As an additional idea: It would be cool to be able to write the chords in the Nashville Number System.

Add full support for some inversions

In order of importance: Triad in first inversion, Triad in second inversion, Seventh chord in first inversion, Seventh chord in second inversion

Different kinds of arpeggio

For example, Alberti bass.

MIDI export

Let's start with the simplest possible implementation:

• A single "Download as MIDI" button
• Midi file contains every chord in textbox in order
• Chords play continuously for 4 beats each
• Simplest possible voicing, just like Pad mode
• Tempo is 120 BPM unless specified in the textbox

history Use button creates extra newline in empty textbox

To reproduce, play some chords, make the textbox empty, then click the history Use button. There will be an empty line in the textbox before the sequence.

pasting multiple long lines can create vertical scrollbar

to reproduce, select all and paste this over it:

octave: A2
Am   Bo  C   Dm  Em  F    G
AmM7 Bo7 _  D0  E7  FmM7 G#o7
AmM7 Bo7 _   D0  E7  FmM7 G#o7
Am7  B0  CM7 Dm7 Em7 FM7  G7

_    _   _  _    E  Fm   G#o

Blank line after simultaneously adding and deleting flags

To reproduce:

1. Change lowest note from C to Eb
2. Change key from C to A

every keystroke appends to browser history stack

To reproduce, type a character, click Save in URL, then type a few more characters. To get back to your first savepoint, you will have to press the browser's back button once for each new character you typed.

sequence not finishing in pad mode

To reproduce, click some chords in pad mode, then click stop, then click some more chords. All chords will be added to the same sequence in history.

Wrong website link in "about" of github

Link in about is "evanshort" instead of "evashort," see https://github.com/evashort/chords#:~:text=evanshort.name/chords/
Requesting you to edit this.

Trouble on right edge of grid when transposing

When last cell of row changes length, and rows above or below have more columns, cells above and below don't resize. To reproduce, use

C C
B

and transpose from C to G. The top left grid cell should expand but it doesn't.

firefox: ctrl z clears URL when undo is unavailable

Classes for DOM elements

I wanted to improve the UI with a userstyle, but DOM elements lack classes.

Style improvements

I applied my very poor design skills to the site. This is the result: https://gist.github.com/suhr/a1952cd7d002b48a55f2b5dd907e3b04

Now it looks like this. Still looks poorly, but I hope there's an improvement.

Speaking of improvements, it would be nice to align elements, so they won't look like a mess. Take a look on BeepBox, the settings look nice because they are aligned.