composer.betterlyrics.org

What is Composer by Better Lyrics?

Composer by Better Lyrics is a free, browser-based editor for creating TTML files — the timed-lyrics format used by Apple Music, Spotify and other streaming services. You import an audio file, tap along to place lyrics, then fine-tune the timing on a visual timeline with a waveform. It handles both line-level and word-level sync, and can split words into syllables for karaoke-style highlighting.

Who it is for

• Independent artists and labels preparing synced lyrics for a release.
• Lyricists and translators timing lines against a finished mix.
• Karaoke and fan-lyrics creators who need word-level precision.
• Anyone who wants the output file rather than a hosted lyrics page.

What it does well

• Tap-to-sync workflow: timing follows your taps rather than manual number entry.
• Waveform timeline for nudging individual words after the first pass.
• Multi-agent support, so duets, backing vocals and group parts can be assigned separately.
• Animated preview that shows how the lyrics will behave during playback.
• Exports standard TTML, so the file is not locked to this tool.

Trade-offs to weigh

Because it runs in the browser, you need JavaScript enabled and a reasonably stable session; long tracks with dense word-level timing are more work than line-level sync, so decide early how granular you need to be. A tap pass always needs a cleanup pass on the timeline. And since TTML is a delivery format, check the target platform's own ingestion requirements before you treat an export as release-ready.

A practical starting point

Pick one short track you already know well, do a line-level pass first, then refine only the chorus at word level. That tells you quickly whether the tap-and-adjust loop suits your workflow before you commit a full release to it.

Related tools worth knowing: Apple Music and Spotify for the playback side where synced lyrics appear.

How do I sync lyrics word by word to an audio file in Composer?

Composer is built around a tap-to-sync workflow: you import an audio file, tap along as the lyrics play, and then fine-tune the result on a visual timeline before exporting a standard TTML file. It is aimed at people preparing word-level synced lyrics for Apple Music, Spotify and similar streaming platforms, not at casual listening.

The basic workflow

1. Import your audio file. Load the track you want to caption into the browser-based editor.
2. Add your lyrics text. Composer works from the lyric lines you provide, which you then align to the audio.
3. Tap along word by word. As the audio plays, tap to mark when each word begins. This produces word-level timing rather than just line-level timing.
4. Adjust on the timeline. Use the waveform timeline editor to drag or nudge individual word and line timings where your taps were early or late.
5. Check the animated preview. The real-time lyrics preview shows how the sync will look as it plays back, so you can catch words that feel rushed or lagging.
6. Export TTML. Save a standard TTML file ready for Apple Music and Spotify.

Practical tips for cleaner timing

• Tap the onset, not the vowel. Word timings usually feel best when the start marker lands on the consonant or attack of the word, not the middle of the sung note.
• Expect to fix, not to nail it. Tapping gets you close quickly; the timeline editor is where accuracy actually comes from. Budget time for a correction pass.
• Use syllable splitting for karaoke feel. Composer supports splitting words into syllables, which matters when a single word is held or spread across several notes.
• Handle multiple voices separately. Multi-agent support covers duets, backing vocals and group parts, so each part can carry its own timing.
• Choose your granularity deliberately. Word-level sync is the right target for karaoke-style highlighting; line-level is faster and often enough for simpler display contexts.

Who this suits

If you are preparing lyrics for a streaming release, a karaoke project, or a translation/transliteration pipeline that needs timed words, this workflow is a good fit. If you only need rough line timings for a personal player, the extra word-level pass may be more effort than the result justifies.

A useful next step: start with one short, clearly sung verse rather than a full track. It lets you judge how much manual correction your tapping style needs before you commit to a longer session.

Can I export TTML files from Composer that work with Apple Music and Spotify?

Yes. Composer is built around exporting standard TTML files intended for Apple Music, Spotify, and other streaming platforms. The export is the end point of the workflow: you import an audio file, sync lyrics by tapping along, refine timing on a visual timeline with a waveform, then export TTML.

What the export gives you

• Word-level and line-level timing, so the same file can drive line-by-line display or karaoke-style highlighting.
• Syllable splitting for word-level karaoke timing.
• Multi-agent support, which matters for duets, backing vocals and group parts where different lines belong to different singers.
• A real-time animated preview, so you can judge the timing before exporting rather than after.

What to check before you rely on it

The practical question is not whether TTML comes out, but whether a given platform accepts the file as-is. Apple Music and Spotify both consume TTML-based synced lyrics, yet each has its own submission route and formatting expectations. Treat Composer's export as the authoring step, then verify against the destination's current requirements.

A sensible test: pick one short track with a clear vocal, sync it, export, and run it through the platform's own preview or ingestion tool before committing to a full album. If the timing looks right in Composer's animated preview but drifts in the target player, the issue is usually offset or line-break handling rather than the sync taps.

Where it fits

Composer suits independent artists, lyric-video makers and translators who need timed lyrics without a desktop DAW or dedicated captioning suite — the browser-based, tap-to-sync approach is fast for straightforward songs. It is less suited to heavy batch production or complex multi-language workflows, where a scriptable toolchain tends to pay off.

Next step: confirm the current TTML submission requirements for each platform you target, starting with Apple Music and Spotify, then author one test file and validate it end to end.

How do I split words into syllables for karaoke-style timing?

Use the syllable-splitting feature in the editor's word-level sync tools, then adjust each syllable's timing on the visual timeline so it highlights separately during playback.

How this works in Composer

Composer is a browser-based TTML editor for creating synced lyrics. Its word-level sync granularity lets you tap along to audio and split a word into smaller units for karaoke-style highlighting. The visual timeline with a waveform is where you fine-tune when each syllable starts and ends. A real-time animated lyrics preview shows whether the splits look right before you export.

Practical steps:

1. Import your audio file and sync the line or word first.
2. Select the word you want to break up.
3. Split it into syllables using the editor's split control.
4. Drag or tap each syllable's boundaries on the waveform timeline.
5. Check the animated preview and export standard TTML.

When syllable-level timing is worth the effort

• Karaoke or sing-along videos where each syllable should light up on cue.
• Fast or melismatic vocals, where whole-word timing looks laggy.
• Duets and group parts, since Composer supports multiple agents for different singers.

For a typical pop chorus, word-level timing is often enough. Reserve syllable splitting for slow ballads, rap, or any line where a single word stretches across several beats.

Next step

Start with one short verse rather than a full song. Sync the words, split only the longest or most rhythmically complex words into syllables, and compare the animated preview against the audio. If the preview matches what you hear, apply the same approach to the rest of the track and export the TTML.

For background on the TTML format and how Apple Music and Spotify handle synced lyrics, the official Apple Music page at Apple Music is a useful reference for how timed lyrics appear to listeners.

How do I set up multiple singers or backing vocals in a TTML file?

TTML handles multiple singers through separate <div> or <p> elements, each tagged with an agent attribute that names the vocal part. In practice you write the lead line as one agent and the backing or harmony line as another, then align both against the same timeline. The file stays one document; the players use the agent labels to decide how to display or attribute each line.

Composer, the browser tool at Composer ・ Free TTML Lyrics Editor, is built for this workflow. Its page lists "multi-agent support for duets, backing vocals, and group parts" alongside word-level sync and a waveform timeline, so you can record each part as its own agent and see them together while tapping timings. That is the practical shortcut: instead of hand-writing agent tags in a text editor, you assign a part in the interface and let the export produce standard TTML.

A workable setup order

1. Import the audio and lay down the lead vocal line first, word by word.
2. Add a second agent for the backing or harmony part and sync it separately.
3. Use the waveform to nudge each word so overlaps and call-and-response land correctly.
4. Preview the animated lyrics to confirm the parts read as intended.
5. Export TTML and test in the target player.

Decisions worth making early

• Word-level vs. line-level: backing vocals often only need line-level timing, while the lead may need word-level or even syllable splits for karaoke effects.
• One agent per voice, not per line: keep a singer's lines grouped under one agent so players can style or attribute them consistently.
• Duets vs. group parts: a duet usually means two clearly named agents; a group chorus may be one agent covering several voices, which is simpler but less granular.

If you are working entirely by hand, the equivalent structure is a body containing multiple <div> blocks, each with an agent attribute, and timed <p> and <span> elements inside. Tools like Composer exist mainly to spare you that manual bookkeeping.

What should I check if Composer won't load or shows a JavaScript error?

First, confirm the browser is actually running JavaScript, because Composer loads entirely in the page and displays "Enable JavaScript to use Composer" when scripts are blocked. If scripts are allowed but the editor still stalls on "Loading Composer," the usual causes are an extension blocking scripts or audio APIs, a stale cached build, or a browser too old for the APIs the timeline and waveform editor rely on.

Quick checks, in order

1. JavaScript and site permissions. In Chrome or Edge, check the padlock/settings icon for the site and make sure JavaScript is allowed, and that no "block" rule applies to composer.betterlyrics.org. In Safari, check Settings > Websites > JavaScript, plus any per-site settings.
2. Extensions. Ad blockers, privacy extensions, script blockers and "reader" modes often block inline scripts or audio decoding. Open the editor in a private/incognito window with extensions disabled. If it loads there, re-enable extensions one at a time to find the culprit.
3. Cache and hard reload. A partially cached older version can throw errors when the new script expects different assets. Do a hard reload (Ctrl+Shift+R, or Cmd+Shift+R on Mac), or clear cached images and files for this site only.
4. Try a second browser. If it works in another browser, the problem is local to the first one's settings or profile, not the site.
5. Check the console. Open developer tools (F12, or Cmd+Option+I) and look at the Console tab. A message about a blocked script, a failed fetch, or an unsupported API tells you whether the cause is a blocker, a server response, or browser capability.

If it is a browser capability problem

Composer's page evidence lists features such as importing an audio file, tapping along word by word, a waveform timeline, syllable splitting, multi-agent support, and animated preview. Those depend on modern browser APIs for audio decoding and animation. An outdated browser, or a mobile in-app browser (for example, the built-in browser inside a social app), may not support them even though JavaScript is enabled. Open the site in a current desktop Chrome, Edge, Firefox or Safari instead of an in-app viewer.

If the error persists

• Disable any content blocker for this domain, then reload.
• Make sure you are not offline or behind a network that blocks the site's script and audio files; a corporate or school filter can cause the loader to hang.
• If the console shows a failed request to the site itself, the issue is likely temporary or network-side, so retry later or from another connection.

For a second opinion on TTML timing and export conventions, the Apple Music style guide at Apple Support is a useful reference, and general browser troubleshooting steps from Google Chrome Help cover permission and cache resets.