Original Summary

Side project: a record shop you browse like a real one. Walk the crates, flip sleeves, drop the needle; it plays through Spotify’s embed. New crates every Sunday. The parts that were fun (and painful) to build: The shop is a photograph. A photographed room (day, evening, night, rain and snow versions) layered over the original hand-drawn page. It follows your clock, but only the current hour’s pictures load, because Brave on iPhone kept killing the tab for going over its memory limit. The tonearm follows the music. Playback runs through Spotify’s embed iFrame API, which only tells you play and pause. I store each album’s track lengths, so when you drop the needle on track 4, the arm actually sits on the 4th groove. It used to heat my laptop. The spinning record was an SVG attribute updated every frame: repainting the whole drawing 120 times a second. Now it’s its own layer, animated by the GPU, and the needle loop drops to 2 updates a second once playback is steady. CPU at rest went from about 6% to about 1%. No build step. Plain HTML, CSS and JS on Netlify. The weekly drop is a JSON catalog put together by scripts (Spotify search for the albums, MusicBrainz for credits, Discogs links), and publishing means moving a git branch. Small extras: every shared record gets its own link-preview image (the cover pasted into a sleeve, made by a function on first request, then cached), and a “Most dug this week” chart from anonymous needle-drop counts: only a hash of a random device token is kept. Would love feedback, especially on older phones and Safari, where I’ve had the most trouble.   submitted by   /u/Rec-w3 [link]   [comments]

  • 情报分类：硬件与数码
  • 分类依据：内容涉及硬件、数码产品或通信卡
  • 信息来源：Reddit · SideProject
  • 发布时间：2026/10/18 04:04:50