Voice and text chat

import { StreamPixelVoiceChat } from 'streampixelsdk';

const voiceChat = new StreamPixelVoiceChat(
  'my-room',       // Room name — users in the same room can communicate
  'John',          // Display name for this user
  true,            // Enable voice chat (true) or text-only (false)
  'https://example.com/avatar.png',  // Avatar URL
  true             // Start with microphone enabled
);

// Join the room
await voiceChat.join();

// Leave the room
await voiceChat.leave();

// Toggle microphone on/off
await voiceChat.toggleMic();

// Mute all remote participants (local only — does not affect their actual mic)
await voiceChat.muteAllRemote();

// Unmute all remote participants
await voiceChat.unmuteAllRemote();

// Mute a specific participant by their identity
await voiceChat.muteSelected('user123');

// Unmute a specific participant
await voiceChat.unmuteSelected('user123');

// Send a text message to the room
voiceChat.sendMessage('Hello everyone!');

voiceChat.onMessage((msg) => {
  console.log(`${msg.from}: ${msg.text}`);
  console.log(`Avatar: ${msg.avatar}`);
});

voiceChat.onParticipantUpdate((data) => {
  // Local participant (you)
  console.log('You:', data.localParticipant.id, data.localParticipant.speaking);

  // Remote participants
  data.remoteParticipants.forEach((p) => {
    console.log(`${p.id}: speaking=${p.speaking}, avatar=${p.avatar}`);
  });
});

{
  localParticipant: {
    id: 'your-username',
    avatar: 'https://example.com/avatar.png',
    speaking: true   // true if currently speaking
  },
  remoteParticipants: [
    {
      id: 'other-user',
      avatar: 'https://example.com/other-avatar.png',
      speaking: false
    }
  ]
}

import { StreamPixelVoiceChat } from 'streampixelsdk';

const chat = new StreamPixelVoiceChat('room-1', 'Alice', true, '/avatar.png', true);

// Join the room
await chat.join();

// Listen for messages
chat.onMessage((msg) => {
  appendToChat(`${msg.from}: ${msg.text}`);
});

// Track participants
chat.onParticipantUpdate((data) => {
  updateParticipantList(data.remoteParticipants);
});

// Send a message
document.getElementById('send-btn').addEventListener('click', () => {
  const text = document.getElementById('chat-input').value;
  chat.sendMessage(text);
});

// Toggle mic
document.getElementById('mic-btn').addEventListener('click', () => {
  chat.toggleMic();
});