Thread by @leemartin

Here's the case study for yesterday's @FutureIslands "As Long As You Are" global album premiere web app! This one is full of interesting solutions. #alayalisteningparty medium.com/@leemartin/how…

For one, I share how @maxmind, @mapbox, and @wikidata were used to not only locate where users were but also define a dynamic visitor threshold for each location. (Used in the unlocking of the album stream.)

I also share a bit of my @goserverless, @dynamodb, @dynamodb stream, and @pusher setup which was used to both store and share all the visitor and chat message data in real-time. Special props to @pusher for allowing us to dynamically spin up location specific channels on the fly.

Thanks to everyone who helped test that @Spotify @SpotifyPlatform powered chat room weeks ago. It was for this. 😅 In the case study, I explain a bit about how we built it and why we chose Spotify for auth.

Another really interesting topic is how we *faked* an audio live stream by calculating the album position offset since a location was unlocked. Anytime a user clicks play, we simply seek the album to the current calculated position. It's close enough for rock n' roll. 🎸

Finally, I take you on a BLAST FROM THE PAST and discuss pre-rendering waveforms images. 🌊 Anyone who has followed my work since @SoundCloud knows I used to do these a lot. Check out the case study for a modern take on the solution.

Thanks again to @4AD_Official, @beggarsgroup, @constantartists, and @FutureIslands for letting me help with this one. Pre-Order or Pre-Save "As Long As You Are" today. futureislands.ffm.to/aslongasyouare

"As Long As You Are" is now available to stream. Go for it! open.spotify.com/album/5VRzYNGW…

Here's the original audio visualization technique using @PaperJS and Howler.js before I switched to the pre-rendered waveforms. Click anywhere to hear the first 30 seconds of "Moonlight." codepen.io/leemartin/pen/…