Presence System Tutorial

Learn to implement real-time user presence tracking and status management

Demo Mode - Experience presence tracking features

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

Real-time presence tracking and status updates

Welcome to Presence System!

This tutorial demonstrates real-time user presence tracking and status management.

✅ Real-time presence tracking
✅ Custom status states (online, away, busy, invisible)
✅ Automatic join/leave detection
✅ Status change notifications

Presence Activity

Step 1: Demo Mode Active

Experience presence tracking features without an API key.

Demo Mode

Step 2: Initialize Presence

Set up presence tracking for your application.

const presence = new OddSockets.Presence({
  apiKey: 'your-api-key',
  channel: 'presence-channel'
});

Step 3: Set User Status

Update user presence status and metadata.

presence.setStatus('online', {
  name: 'John Doe',
  avatar: 'avatar-url',
  metadata: { role: 'admin' }
});

Step 4: Listen for Events

Handle presence events and status changes.

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);
});

Step 5: Advanced Features

Implement advanced presence features.

// 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();

Presence System Tutorial

Your Presence

Presence Stats

Demo Controls

Active Users

Welcome to Presence System!

Presence Activity

Connection Error

Your Presence

Presence Stats

Demo Controls

Active Users

Welcome to Presence System!

Presence Activity

Session Information

Complete Tutorial Code

Connection Error