FlexGrid: The Album
A fake concept album for a very real Mac app. Satirical songs, overcommitted liner-note energy, and lyric sync driven by timestamps instead of whatever fresh production curse told you to render video for this.
This page is for fake cover art, real songs, and synced lyrics without the indignity of rendering a video file just so some text can wobble on beat. Playback runs on the browser audio element, and the lyric panel follows timestamped lines like an old-school LRC player because the web solved this years ago and then collectively forgot.
How it works
Audio in one hand, timestamps in the other, dignity mostly intact.
Each track uses an audio file plus timestamped lyric lines in src/content/album.ts. The player reads currentTime from the song and highlights the active line. No video export, no burned-in text, no giant media files pretending to be web design. Just audio, timing, and a little self-respect.
- 1.Drop audio files into
public/audio/album/. - 2.Set each track's
audioSrcand optionalcoverArtSrc. - 3.Paste lyrics as LRC-style lines:
[00:12.40] lyric goes here. Tiny karaoke machine, no hostage video required.
Finder, But Hotter
Lyrics sync off the audio element's clock. No rendered video, no motion-graphics hostage situation, just timestamps tracking currentTime.
Put an .mp3 or .m4a in site-astro/public/audio/album/, then set audioSrc for this track in src/content/album.ts.
[00:12.40] That is the lyric line [00:18.05] Next line, same song, still no videoFor line sync, this is enough. For karaoke-style word highlighting later, use more granular timestamps with the same player.
00:00Finder, But Hotter
00:04Drag a folder in like you're revealing state secrets on VHS.
00:09Nine clips staring back, all glossy and emotionally unavailable.
00:15No timeline, no export queue, no desktop full of compromise.
00:21Just your Mac, serving late-night cable energy with better kerning.
00:28Chorus: shuffle the grid, lock the pretty ones, act like this was always the plan.
00:37Tiny status bar, huge attitude, absolutely no sign-in wall.
00:45And if anyone asks what you're doing, say 'research' with conviction.