How to Create TTML Synced Lyrics with Composer

Updated

Composer (composer.betterlyrics.org) is a free, browser-based TTML editor for making word-level synced lyrics for Apple Music, Spotify, and other streaming platforms. To use it, you import an audio file, tap along to sync lyrics word by word, fine-tune timing on the waveform timeline, then export a standard TTML file. It requires JavaScript enabled in your browser, and it works with any audio file you can load into the page.

What you need before starting

  • A browser with JavaScript enabled (the tool will not load otherwise).
  • An audio file of the track you want to sync.
  • The lyrics text, ideally split into lines and words so you can assign timing precisely.

Step-by-step: building a TTML file

1. Import the audio

Load your audio file into Composer. The waveform appears in the visual timeline, which is the surface you'll use for all timing adjustments.

2. Add and align your lyrics

Paste or enter the lyrics. Composer supports both word-level and line-level sync granularity, so you can choose how fine the timing needs to be. For karaoke-style results, you can also split words into syllables.

3. Tap to sync

Play the track and tap along to sync lyrics word by word. This is the fastest way to get an initial pass of timing without manually typing timestamps.

4. Refine on the waveform timeline

After the tap pass, use the visual timeline editor with the waveform to nudge and correct timings. This is where you fix words that landed early or late and tighten the overall feel.

5. Handle multi-voice tracks

If the song has duets, backing vocals, or group parts, use multi-agent support to assign different parts rather than forcing everything onto one line.

6. Preview and export

Check the real-time animated lyrics preview to confirm the sync looks right, then export a standard TTML file. The exported file is ready for Apple Music and Spotify.

Features that affect how you work

Feature What it changes for you
Word-level and line-level sync Choose precision vs. speed depending on the track
Syllable splitting Enables karaoke-style word timing
Waveform timeline Where you correct tap-timing errors
Multi-agent support Keeps duets and backing vocals separate
Animated preview Lets you verify sync before exporting
Standard TTML export Output targets Apple Music and Spotify

Common snags

  • Nothing loads: Confirm JavaScript is enabled — Composer depends on it.
  • Timing drifts after tapping: Expect to spend time on the waveform timeline; the tap pass is a starting point, not the final result.
  • Wrong granularity: If line-level feels too coarse, switch to word-level or split syllables for tighter sync.
  • Overlapping voices: Use multi-agent support instead of stacking parts on one line.

If your goal is a quick line-level sync, the tap pass plus light timeline cleanup is usually enough. If you're targeting karaoke-style playback, plan on word-level or syllable-level timing and more time in the timeline editor.