Settings
Configure default behavior for the app. Per-file overrides still apply on top of these defaults.
ABC Notation
These settings control how ABC notation files are rendered and played back.
For full documentation on the ABCJS library, see
docs.abcjs.net.
When add_classes is enabled, each SVG element gets
CSS class names
(e.g. abcjs-note, abcjs-chord, abcjs-staff)
that can be styled with custom CSS.
Rendering
Notation width
How wide to render the sheet music
Staff width
Width in pixels for music layout spacing
Scale
Size multiplier for the rendered notation
Responsive
Scale SVG to fit the available container width
Expand to widest
Match all lines to the width of the widest line
Line thickness
Extra thickness for staff lines, bar lines, and stems
Notation Style
Jazz chords
Format chord symbols in jazz fake book style
German alphabet
Use H for B natural and B for Bb in chord symbols
Accent above
Always place accent marks above the note
Hint measures
Preview the next measure at the end of each line
Initial clef only
Show the clef only on the first line
Line Wrapping
Auto wrap
Ignore line breaks in ABC and wrap by measure size
Measures per line
Preferred number of measures per line when wrapping
Min spacing
Minimum spacing factor between elements (1 = tight)
Max spacing
Maximum spacing factor to prevent notes spreading too far
Transpose
Notation transpose
Semitones to shift the rendered notation
Playback transpose
Semitones to shift the audio playback
Playback
Follow playback
Auto-scroll notation to follow the playhead
Show cursor line
Display a vertical line at the current playback position
Tempo rate
Default playback speed multiplier
Beat subdivisions
Cursor highlight granularity during playback
Chords off
Mute chord accompaniment during playback
Voices off
Mute melody lines (play only accompaniment and metronome)
Sound font volume
Volume multiplier to compensate for different sound fonts
Note fade length
Milliseconds to fade out each note after its length
Detune octave
Cents to raise the top note of an octave (brings out soprano)
Metronome
Count-in measures
Number of count-in beats before the music starts
Intro only
Play metronome only during count-in, then stop
Custom CSS
Notation stylesheet
CSS rules applied to every rendered ABC file. Target elements using
ABCJS class names
like
abcjs-note, abcjs-chord, abcjs-staff, abcjs-lyric, etc.
Voice-specific rules use abcjs-v0, abcjs-v1.
Measure targeting uses abcjs-m0 (per line) or abcjs-mm0 (per tune).