The Soundslice Blog

New chord-chart view (and more)

Sometimes you just need to see the chords — nothing else. Today, we’ve launched a chord-chart view that hides notation/tab and only shows you the chords, in a lovely, compact interface. It’s available for any Soundslice score that has chords in it.

Here’s how it works:

  1. Load any Soundslice score that has chords (example).
  2. Open the track controls by clicking the track name to the left of the notation.
  3. Under “View options,” click the music note icon to hide the standard notation. If your score has tablature, click the tablature icon to hide the tablature. You’ll now see a chord chart.

Screenshot of chord chart

A few things to notice here:

  • Chord names are nice and big, for easy readability.
  • Each measure has the same width — again, for readability.
  • We automatically determine the number of bars per line, depending on your device’s screen width and your zoom settings. It’ll always be a power of two — 1, 2, 4, 8, 16, 32, etc. — as we’ve found that leads to more readable chord charts.

If you embed Soundslice in your own site, you can show the chord chart by default by using the show_staff=0 and show_tab=0 URL parameters for our embed.

Beyond that, we’ve made several other improvements lately:

  • Soundslice For Teachers customers, you can now change your credit card details, in case of expired/new cards.
  • We now hide fingering markings if music is transposed.
  • We fixed a bug with deferred audio loading where it wasn’t possible to slow down or seek the music until after the audio loaded.
  • Tablature now has a “TAB” clef, which makes the notation more balanced and professional looking:
    Screenshot of TAB clef

Finally, some new stuff for partners who embed our player:

  • The new play_type URL parameter lets you specify the default play type at page load (“Play looped” vs. “Play once,” etc.).
  • The typography in the embed looks better (e.g., the font used for the score name, chord names, score text and UI elements). We’re now using the same font in the embed that we use on our “full” site (Proxima Nova), rather than falling back to Arial/Helvetica for embeds.