Audio Rooms

Create and join live audio conversations

Audio Rooms

Audio Rooms are live voice conversations where developers can connect, discuss code, share ideas, and collaborate in real-time. Each room supports up to 50 participants with role-based permissions.

Creating a Room

  1. Click the "+ Create Room" button from the Audio Rooms page or Quick Actions panel
  2. Fill in the room details:
    • Title: Give your room a descriptive name
    • Description: Explain what the room is about
    • Tags: Add relevant tags for discoverability
    • Scheduled Time: Optionally schedule the room for a future time
  3. Click "Create Room" to start your room

Joining a Room

  1. Browse available rooms on the Audio Rooms page
  2. Look for rooms marked with a red "LIVE" badge
  3. Click "Join Room" on any active room
  4. Allow microphone access when prompted by your browser

Guest Experience

Unauthenticated users can now experience audio rooms before signing in:

  • Listen Before Signing In: Guests can hear the conversation before creating an account
  • Visual Audio Feedback: See an audio visualizer around the host's profile showing audio is working
  • Sign-In Prompt: Beautiful overlay card prompts guests to sign in to participate
  • Room Sharing: Share room links with dynamic meta tags for better social media previews

Room Roles

  • Host: The creator of the room with full control
  • Speaker: Can speak and be heard by all participants
  • Listener: Can hear but cannot speak (can raise hand to request speaking)
  • Moderator: Can help manage the room (assigned by host)

Room Controls

  • Mute/Unmute: Toggle your microphone on or off
  • Raise Hand: Request to speak (as a listener)
  • Invite Users: Send invitations to specific users
  • Share Room: Copy and share room links with others
  • Toggle Coding: Enable the collaborative IDE in the room
  • End Room: Close the room (host only)

Participant Management (Host Only)

  • Promote to Speaker: Click "Promote" on a listener to make them a speaker
  • Move Down: Click "Move Down" on a speaker to demote them back to listener
  • Allow Code Access: Grant or revoke coding permissions for participants
  • Kick Participants: Remove participants from the room if needed
  • Real-Time Updates: See participants join/leave and role changes instantly without page refresh

Collaborative Features

When coding is enabled in a room, you can:

  • Edit code together in real-time using CodeMirror editor with smart autocomplete
  • Browse files with the file explorer sidebar
  • Build and preview web applications (Rails, Node.js, Django, PHP) in the View tab
  • Run code and see terminal output
  • Use Git commands directly in the terminal
  • Install packages for all supported languages
  • Create diagrams on the interactive whiteboard
  • Share code snippets in the chat
  • Export code to GitHub Gists

Room Chat

Each room has a live chat where participants can:

  • Send text messages
  • Share code snippets with syntax highlighting
  • React to messages
  • See typing indicators

Best Practices

  • Use descriptive titles and descriptions for your rooms
  • Add relevant tags to help others discover your room
  • Mute yourself when not speaking to reduce background noise
  • Raise your hand if you want to speak as a listener
  • Be respectful and follow community guidelines