Back to Main Page

How to manually create Karaoke songs with this app when the internet is down...

Songs are built into the app itself — they ship with the published site so every visitor sees the same Song List. To add a new one, drop the files into public/songs/ and register them in the manifest file (src/data/bundled-songs.ts) as directed in Step 3 below.

(To make this easier, the author of this app can drag and drop your MP3 backup file and your song lyrics into his chat with Ai, and Ai will do this for you. After the author publishes the app, your new Karaoke song will appear in the Song List.)

Step 1: Add the audio file

Copy your .mp3 (or .wav, .ogg, .m4a) into:

public/songs/

Use lowercase, replace spaces with hyphens. Example: shes-a-goner-inst.mp3

Step 2: (Optional) Add synced lyrics

Save lyrics as a plain-text .lrc file with the same base name, also in public/songs/. Each line gets a timestamp:

[00:12.00] First line of the song
[00:18.50] Second line of the song

Skip this step if you only want playback with no synced lyrics.

Step 3: Register the song in the manifest

Open the manifest file:

src/data/bundled-songs.ts

Add an entry to the bundledSongs array:

{
  id: "shes-a-goner-inst",
  title: "She's a Goner (Inst)",
  artist: "TJ",
  audioSrc: "/songs/shes-a-goner-inst.mp3",
  lrcSrc: "/songs/shes-a-goner-inst.lrc", // optional
}

Step 4: Publish

When the internet is back up, send the author the zip file with your new song. The author will load it into the app, publish the app and your song will then appear in the song list.

That's it

Built-in songs can't be deleted from the UI — they're part of the app itself. Browser uploads still work as before, they just stay on the device they were uploaded from.