How I Built a Lo-fi Music Web Player with AI-Generated Tracks

Lo-fi hip hop music has been my go-to study buddy ever since college. It creates a cozy and calming vibe with a relatively simple musical structure. Some jazzy chord progressions, groovy drum patterns, ambience sounds, and nostalgic movie quotes can give us a pretty decent sounding lo-fi hip hop track. On top of the musical side, animated visuals are also a crucial part of the lo-fi aesthetics, setting the ambience along with the nature sounds of water, wind, and fire. The idea to create my own lo-fi web player occurred to me one Sunday afternoon when I was learning about deep generative models.