Setting up multiplayer matches in online games often requires jumping through hoops: trading friend codes, checking patch versions, and waiting through matchmakers.
When building Rhythmio’s multiplayer features, our goal was simple: make starting a match as easy as sharing a link.
Whether you want to challenge a friend on Discord to a 1v1 match or run an 8-player community lobby, you only need to copy and paste a room URL.
Here is how Rhythmio synchronizes real-time rhythm matches across different connections and devices.
1. Instant Room Creation via Shareable Links
Creating a match in Rhythmio does not require complex menu navigation:
- Host a Match: Pick a song and select “Create Arena” or “1v1 Duel”.
- Copy the Link: The game generates a unique room URL (for example,
https://rhythmio.net/ranked?room=alpha-98). - Join Instantly: Anyone opening that link on Windows, macOS, or Linux connects directly to the room in a couple of seconds.
No software downloads or mandatory sign-ups are required.
2. WebSocket Synchronization
When players have different network latencies, keeping notes synchronized requires aligning start times precisely.
Client-Side Engine, Server Verification
- Synchronized Audio Start Time: When a match begins, the server sends out a countdown packet with a future UTC timestamp ($T_{\text{start}} = \text{now} + 3000\text{ms}$). Both clients synchronize their local Web Audio clocks to this timestamp, so both players hear the opening beat at the same millisecond.
- Telemetry Packets: During the song, clients send 16-byte binary delta packets at 20Hz over WebSockets, updating current combo, accuracy, and health meters.
- Tug-of-War Gauge: In 1v1 duels, the central HUD displays a live advantage bar. Every accurate hit pushes the neon bar toward your opponent in real time.
3. Fair Play and Replay Verification
Because judgements happen on the client side, web games need protection against automated macros and clickers.
Rhythmio uses server-side headless verification for competitive matches:
- Each keystroke’s hardware timestamp and key-release event are saved in a local log during the song.
- At the end of the match, this log is sent to the server with a cryptographic signature.
- The server runs the chart through a headless game engine, checking that input timing variance matches genuine human play. If an automated script is detected, the run is disqualified from ranked standings.
4. Spectator Mode
Anyone who opens a room link while a match is already underway is placed into spectator mode.
Spectators see real-time keypresses and accuracy updates, making it easy to stream community tournaments directly in the browser without third-party screen captures.
Wrapping Up
By pairing shareable URLs with lightweight WebSockets and server-side replay checks, Rhythmio offers competitive multiplayer that is quick to set up and fair to play.
In the next article, we examine how to diagnose early (FAST) and late (SLOW) timing errors and get back on beat.
