Back to the gallery
A monitor on a dark desk beside a brass lamp, an SP-404 sampler in front of it. The screen shows Aftertaste reading Teardrop by Massive Attack: a spinning record, a four-axis radar, and the sliders that bend the feeling.

03

Aftertaste

2026 · Playlist engine · On view

Role
Author — design, engineering
Medium
Playlist engine
Status
On view
Year
2026

A playlist is usually built from what a song is: its genre, its year, who else listened to it. Aftertaste is built from what a song leaves behind.

Name a track, or drop an audio file. The file is analysed in the browser with the Web Audio API — onset-based tempo, energy, brightness, acousticness — and never leaves the device. The seed becomes a five-dimensional profile matched to one of twelve archetypes, and candidate tracks are ranked by their distance from it, three per artist at most, each with a line saying why it made the cut.

Four sliders bend the target and re-rank instantly. Thirty-second previews play in a keyboard-accessible player; the full track opens on YouTube, Spotify or Apple Music. Keep it as a track list, an M3U, a CSV, or a link that restores the seed. A static site: no build step, no dependencies, no account.

Stack

  • JavaScript
  • Web Audio API
  • iTunes Search API
  • Deezer API

From the work

The Aftertaste front page: a song ends, the feeling doesn't. A search field and a drop zone for an audio file.
After the last note
The tuner: four sliders for mood, energy, tempo and texture, above the ranked playlist.
Bend the feeling
The playlist: circular record artwork for each track with its match score and a line of reasoning.
What lingers