Zoneout: Shared Rooms for Real-Time Listening by Toby GoddenZoneout: Shared Rooms for Real-Time Listening by Toby Godden

Zoneout: Shared Rooms for Real-Time Listening

Toby Godden

Toby Godden

Zoneout.net is a shared room for real-time listening. Choose tracks from the SoundCloud library, chat, and ponder the WebGL orb in a room with others. Built for musicians and listeners who want to share the experience of hearing something at the same time.

The Problem

Listening to music together online usually means someone screen-shares a Spotify window or pastes links in a chat. I wanted a dedicated space where a group of people are genuinely synchronised on the same track, at the same moment, with a shared visual atmosphere.

What I Built

Authoritative Server-Side Sync The Node.js/Express server maintains the authoritative room state: current track, queue, play/pause state and start timestamp. Every browser seeks to the correct playback point on connect and stays synchronised throughout the session. The SoundCloud Widget API handles actual audio playback.
Real-Time Everything Socket.IO carries chat, presence, reactions, queue changes and skip votes over the same live connection. The room feels immediate because everything is.
WebGL2 Orb A WebGL2 orb provides the shared visual atmosphere. It's the thing you stare at while you listen, a campfire for the room.
Queue and Voting Anyone in the room can queue tracks from SoundCloud. Skip votes let the room collectively move on from a track without giving any single person veto power.

The Stack

Node.js, Express, Socket.IO, SoundCloud Widget API, WebGL2.
Zoneout Interface
Zoneout Interface
Visit at zoneout.net
Like this project

Posted Jul 24, 2026

A shared room for real-time synchronised listening with SoundCloud integration, live chat, skip voting, and a WebGL2 visual atmosphere. Built for musicians and listeners.

Likes

0

Views

1

Timeline

Mar 1, 2026 - Mar 10, 2026