Showcase

Here is a small example what you can expect from alphaTab.

General

Score Details

The full score details are available as object dom. This way you can read and process any file like you need.

Loading...

Song Details

Some of the layout engines can render the song details on top of the music sheet.

HTML5 Canvas

Do you prefer an HTML5 canvas output instead of SVG? No problem.

Repeats

Need display repeat marks? No problem, single repeats and multiple repeats come out of the box.

Alternate Endings

Even alternate repeat endings are no problem.

Tunings

The guitar tuning of the current track is rendered on the top of the music notation.

Layouts

alphaTab supports several different layouts which align bars in a various manner.

Page Layout

All bars are aligned in rows side by side till the row is full.

Page Layout (custom width)

All bars are aligned in rows side by side till the row is full.

Page Layout (5 bars per row)

You can configure how many bars should be placed per row

Page Layout (bar 5 to 8)

It's also possible to only render some of the bars available in a track.

Horizontal Layout

This is another layout type available. All bars are aligned horizontally.

Horizontal Layout (bar 5 to 8)

You can also filter the rendered bars using this layout.

Music Notation

Rendering standard music notation is one of the essential features of alphaTab.

Clefs

Clefs are important for music notation too.

\title "Clefs" . \clef G2 | \clef F4 | \clef C3 | \clef C4

Key Signatures

Want key signatures? No problem, alphaTab will render them for you.

Time Signatures

Time signatures are important too.

Notes, Rests and Beams

We automatically create beams for notes and ensure they are aligned in the most readable way.

Accidentals

Accidentals are an essential element of music notation.

Guitar Tabs

Rhythm

If you only display guitar tablatures, it might be interesting to add a rhythm stave to show the durations. You can do this either above or below the tablature.

Rhythm With Beams

If you prefer beams instead of bars for single notes you can have that too.

String Variations

alphaTab will render tabs for stringed instruments. It takes care of the number of strings and displays the tabs as you would expect.

Special Tracks

Drum Tabs

AlphaTab uses the same drum tab notation as Guitar Pro 5. Since the guitar tab staff is not meaningful on percussion track, it's hidden in case a drum tab is displayed.

Grand Staff

With Guitar Pro 6 files also grand staffs can be rendered.

Multiple Tracks

AlphaTab can also render multiple tracks at the same time.

Special Notes

Tied Notes

Tied notes are notes which are not hit a second time, the note is being held.

Grace Notes

Yes, alphaTab can render grace notes.

Dead Notes

Dead notes are notes without a defined note height. On stringed instruments
they are played by hitting the string without pressing but with touching the finger on the fret.

Ghost Notes

Ghost notes are played more slient than normal notes.

Effects and Annotations

Markers

Markers are a nice element to annotate different sections of the song.

Tempo

You might already have mentioned them: Tempo markers are supported too.

Text

Each beat can have a text attached.

Chords

Chord names can be useful to indicate how to play a song.

Vibrato

Beat vibrators and note vibratos are both available.

Dynamics

From piano pianissimo to forte fortissimo, they are all there

Tap/Slap/Pop

Especially bass guitar players will like this feature.

Fade-In

This annotation is shown if you need to increase the note volume from silent to normal when playing it.

Let Ring

If this annotation is placed on a note, you don't stop the string after the beat ends.

Palm Mute

A feature you won't miss: Palm Mute markers.

String Bends

String bendings can be rendered by alphaTab as well.

Whammy Bar

A lot of electrical guitars come with whammy bars. alphaTab can show whammy bar effects.

Tremolo Picking

Tremolo Pickings are rendered too.

Brush Strokes

Brush Strokes are shown as arrows on the tablature stave.

Slides

There are several types of slides alphaTab can render.

Trill

Trill effects are rendered on the tablature stave and on an effect line.

Pick Stroke

Pick strokes indicate how to play the strings.

Tuplets

Tuplets are used to divide beats into equal subdivisions.

Fingering

Finger indicators can be used to highlight which fingers should be used to play the respective note on the instrument.

Triplet-Feel

Triplet feels are used to indicate that a pair of particular notes are played with a different durations as they are indicated by the annotations.