I copied SoundCloud's playcontrol with a offline local storage pubsub

In plain words

This project replicates SoundCloud's playback control interface using offline local storage and a publish-subscribe system. Built for developers interested in audio player architecture, it offers a self-contained implementation that works without internet connectivity. The system demonstrates how to manage playback state and communication between components using local data storage and event-driven design patterns.

written from the facts on this page · September 2026

From the sources

TabSub offers you an easy to use Javascript PubSub via local storage. No server is required as all messages are shared via the browser built in local storage. Give the example a try to see what you can build with TabSub. Is this safe for a lot of concurrent writes? To be honest I have no clue. I tried to break it with 10 concurrent writers and everything worked as expected: No message got lost and the messages where in correct order. No warranty here, use at your own risk 😅 As TabSub uses local store this only works on the same domain, as the browser separates the local storage by domains as security measure. Start one of the two songs and than open this site in a second tab. You will see…from simon-frey.com

• 
  CloudTunes2014 · github.com · ▲307

  Web-based music player for the cloud :cloud: :notes: Play music from YouTube, Dropbox, etc. - GitHub - jkbrzt/cloudtunes: Web-based music player for the cloud :notes: Play music from YouTube, Dropbox, etc.

• 
  SoundCloud Go2016 · checkout.soundcloud.com · ▲343

  Your favorite music and new discoveries, offline and ad-free

• 
  SoundRad2014 · ▲73

  A radically simpler & faster SoundCloud player

• CA
  CloudPlay - A music player for YouTube, SoundCloud, and more2012 · cloudplay.fm · ▲54
• 
  Play This2018 · playthis.netlify.com · ▲119

  Create a club and let people control your playlist

• 
  soundcloud20002016 · github.com · ▲77

  SoundCloud without the stupid css files

• 
  SimCity, but with Permits▲936

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 4d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 16d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 17d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 11d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 15d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 25d ago · space.bl2.net

• 
  Blush▲1,462

  Illustrations for everyone

  Dev tools · 2020 · blush.design

• 
  SHA-256 Animation▲1,053

  Animation of the SHA-256 hash function in your terminal. - in3rsha/sha256-animation

  Dev tools · 2020 · github.com

• 
  This Word Does Not Exist▲956

  This Word Does Not Exist uses an artificial intelligence model named GPT-2 to invent new English words.

  AI · 2020 · thisworddoesnotexist.com

• P3
  Plotting 3 years of hourly data in 150ms▲785

  Life & fun · 2020 · leeoniya.github.io

• 
  Untools▲783

  Hand-picked tools for better thinking

  Work · 2020 · untools.co

• 
  Copytesting▲781

  Improve your website copy based on data from your audience

  Growth · 2020 · wynter.com