OddSockets Presence System Tutorial

Not connected

Your Presence

Your Status

Tutorial User

Presence Settings

Auto-away after 5 minutes Show typing indicators Broadcast status changes

Presence Stats

Total Users

Online

Away

Busy

Active Users

Every card below is an occupant returned by the platform presence read for this channel

No occupants on this channel yet

This roster is read from OddSockets presence, so it shows exactly who is connected — no more, no less. Open this page in a second tab to see a second occupant appear.

✅ Roster read from platform presence
✅ Status states broadcast by real participants (online, away, busy, invisible)
✅ Join/leave detected from the presence read
✅ Status change notifications over the live channel

Presence Activity

presence.on('join', (user) => { console.log('User joined:', user); }); presence.on('leave', (user) => { console.log('User left:', user); }); presence.on('status-change', (user) => { console.log('Status changed:', user); });

// Get all present users const users = await presence.getUsers(); // Set custom metadata presence.updateMetadata({ location: 'New York', timezone: 'EST' }); // Handle typing indicators presence.startTyping(); presence.stopTyping();

Your Presence

Presence Stats

Active Users

No occupants on this channel yet

Presence Activity

Session Information

Complete Tutorial Code

Connection Error