Lofi Loop

What it is

Lofi Loop is my adaptation of Dylan Turner’s Lofi Generator, a static browser app that assembles royalty-free lofi hip-hop from a library of local audio samples. It plays an effectively endless stream without an account or ads.

The main screen stays small: play or pause, change the volume, skip a song, or go back to the previous one. Each generated song has a title, an artist name, and a seed that can be copied and replayed later.

The advanced controls are there when someone wants them. A listener can choose a tempo, pick the featured instrument, add ambience or vinyl noise, and load a shared seed without turning the page into a digital audio workstation.

Why I worked on it

The original generator already had the part that is hardest to fake: musical character. My work focused on making the player more dependable and easier to control or share while keeping its sparse, late-night feel.

I renamed the adaptation Lofi Loop, made song generation deterministic, and added copyable seeds. A seed is useful only if it means the same thing later, so the project treats every published generator version as a compatibility promise.

I also wanted the runtime to stay simple. Lofi Loop remains a static website. It does not need an application server, user account, subscription, or analytics service to play music.

What mattered

A reproducible seed needs more than a saved random number. The matching version has to keep its word lists, instrument choices, sample paths, and planning rules in the same order. New sounds belong to a new generator version so an older shared song does not quietly become a different song.

Audio loading needed similar care. The player keeps its own browser cache, uses WebM where the browser supports it, and falls back to AAC. It preloads the next song without letting abandoned loads pile up after a long run of skips.

The controls had to work outside the happy path too. Lofi Loop has keyboard-friendly controls, live playback and error messages, retry behavior, reduced-motion support, and Media Session controls for browsers that expose them.

Where it stands

Lofi Loop is live at lofi.ahall.dev. The production artifact is plain HTML, CSS, JavaScript, fonts, and audio files served by Nginx, with Cloudflare in front of the origin.

The current version has deterministic song seeds, generated track identities, previous and next controls, adjustable tempo and sound choices, browser audio caching, and a responsive player. The private repository has browser tests for the player, generator contract, navigation, and accessibility, plus a separate deploy-artifact test.

It is still meant to disappear into the background. Open it, press play, and get on with whatever needed music in the first place.