dtinth / chordbook

A simple, interactive, block-based, color-coded, music-synchronized, transposale, optionally auto-scrolling chordbook web application.

dtinth’s interactive chordbook

A simple interactive chordbook library web application.

→ View example

Glitch project	https://glitch.com/~dtinth-chordbook
GitHub repository	https://github.com/dtinth/chordbook

Features

• Displays chords in block-based format (similar to Chordify).
• Displays both chords and lyrics.
• Supports both mobile and desktop.
• Embeds YouTube video and synchronizes the video playing position with the current chord. Click on a chord block to seek the video to that chord.
• Automatic scrolling (useful when playing in a band).
• Supports transposing chords.
• Optimized for fast transcription using a data format based on Nashville Number System.
• Chord blocks are colorized based on bass/root note, relative to tonic (similar to Hooktheory’s color scheme).
• Supports songs with speed and key changes. Example
• Can hot reload the chordsheet by pressing R on the keyboard.

Documentation

For more information, check out the project documention page.