@defcomm/meetingsdk 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -6,9 +6,7 @@ import { createContext, useContext, useMemo, useRef } from "react";
 
 // src/config/ws.ts
 var SDK_CONFIG = {
-  // SFU API endpoint for token generation
   apiBase: "https://sfu-server.duckdns.org/api",
-  // SFU WebSocket endpoint for signaling
   wsBase: "wss://sfu-server.duckdns.org/ws",
   // Public STUN/TURN servers (fallback)
   iceServers: [
@@ -17,10 +15,170 @@ var SDK_CONFIG = {
   ],
   // Connection and reconnection settings
   connectionTimeout: 1e4,
-  maxReconnectAttempts: 5,
-  // Legacy WebSocket URL (if using the old mesh architecture)
-  wsUrl: "wss://sfu-server.duckdns.org/ws"
-  // kept for backward compatibility
+  maxReconnectAttempts: 5
+};
+
+// src/core/ActiveSpeakerDetector.ts
+var ActiveSpeakerDetector = class {
+  constructor(options = {}) {
+    this.audioContext = null;
+    this.speakers = /* @__PURE__ */ new Map();
+    this.timer = null;
+    this.lastEmitted = "";
+    this.intervalMs = options.intervalMs ?? 100;
+    this.threshold = options.threshold ?? 0.025;
+    this.releaseThreshold = options.releaseThreshold ?? 0.015;
+    this.releaseMs = options.releaseMs ?? 600;
+    this.onActiveSpeakersChanged = options.onActiveSpeakersChanged ?? (() => {
+    });
+  }
+  ensureAudioContext() {
+    if (!this.audioContext) {
+      const AudioContextClass = window.AudioContext || window.webkitAudioContext;
+      if (!AudioContextClass) {
+        throw new Error("Web Audio API is not supported by this browser");
+      }
+      this.audioContext = new AudioContextClass();
+    }
+    return this.audioContext;
+  }
+  async resume() {
+    if (!this.audioContext) return;
+    if (this.audioContext.state === "suspended") {
+      try {
+        await this.audioContext.resume();
+      } catch {
+      }
+    }
+  }
+  addTrack(participantId, track) {
+    if (!participantId) return;
+    if (track.kind !== "audio") return;
+    this.removeParticipant(participantId);
+    const context = this.ensureAudioContext();
+    const stream = new MediaStream([track]);
+    const source = context.createMediaStreamSource(stream);
+    const analyser = context.createAnalyser();
+    analyser.fftSize = 512;
+    analyser.smoothingTimeConstant = 0.65;
+    analyser.minDecibels = -90;
+    analyser.maxDecibels = -10;
+    source.connect(analyser);
+    const data = new Float32Array(analyser.fftSize);
+    const state = {
+      participantId,
+      track,
+      stream,
+      source,
+      analyser,
+      data,
+      active: false,
+      lastActiveAt: 0
+    };
+    this.speakers.set(participantId, state);
+    track.addEventListener(
+      "ended",
+      () => {
+        this.removeParticipant(participantId);
+      },
+      { once: true }
+    );
+    this.start();
+    void this.resume();
+  }
+  removeParticipant(participantId) {
+    const state = this.speakers.get(participantId);
+    if (!state) return;
+    state.active = false;
+    try {
+      state.source.disconnect();
+    } catch {
+    }
+    state.stream.getTracks().forEach((track) => {
+      if (track !== state.track) {
+        track.stop();
+      }
+    });
+    this.speakers.delete(participantId);
+    this.emitIfChanged();
+  }
+  removeTrack(track) {
+    for (const [participantId, state] of this.speakers) {
+      if (state.track === track) {
+        this.removeParticipant(participantId);
+      }
+    }
+  }
+  clear() {
+    for (const participantId of this.speakers.keys()) {
+      this.removeParticipant(participantId);
+    }
+    this.speakers.clear();
+    this.stop();
+    this.emitIfChanged(true);
+  }
+  start() {
+    if (this.timer) return;
+    this.timer = setInterval(() => this.sample(), this.intervalMs);
+  }
+  stop() {
+    if (!this.timer) return;
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+  sample() {
+    const now = performance.now();
+    for (const state of this.speakers.values()) {
+      if (state.track.readyState !== "live" || state.track.muted || !state.track.enabled) {
+        if (state.active) {
+          state.active = false;
+        }
+        continue;
+      }
+      state.analyser.getFloatTimeDomainData(state.data);
+      let sumSquares = 0;
+      for (let i = 0; i < state.data.length; i++) {
+        const sample = state.data[i];
+        sumSquares += sample * sample;
+      }
+      const rms = Math.sqrt(sumSquares / state.data.length);
+      if (!state.active) {
+        if (rms >= this.threshold) {
+          state.active = true;
+          state.lastActiveAt = now;
+        }
+      } else {
+        if (rms >= this.releaseThreshold) {
+          state.lastActiveAt = now;
+        } else if (now - state.lastActiveAt >= this.releaseMs) {
+          state.active = false;
+        }
+      }
+    }
+    this.emitIfChanged();
+  }
+  getActiveSpeakerIds() {
+    return Array.from(this.speakers.values()).filter((speaker) => speaker.active).map((speaker) => speaker.participantId);
+  }
+  emitIfChanged(force = false) {
+    const ids = this.getActiveSpeakerIds().sort();
+    const key = ids.join("|");
+    if (!force && key === this.lastEmitted) {
+      return;
+    }
+    this.lastEmitted = key;
+    this.onActiveSpeakersChanged(ids);
+  }
+  async destroy() {
+    this.clear();
+    if (this.audioContext) {
+      try {
+        await this.audioContext.close();
+      } catch {
+      }
+      this.audioContext = null;
+    }
+  }
 };
 
 // src/core/MeetingState.ts
@@ -31,6 +189,7 @@ var MeetingState = class {
     this.localStream = null;
     this.chatMessages = /* @__PURE__ */ new Map();
     this.presenterId = null;
+    this.activeSpeakerIds = /* @__PURE__ */ new Set();
     this.listeners = /* @__PURE__ */ new Map();
   }
   // ---- reactive system ----
@@ -52,6 +211,14 @@ var MeetingState = class {
     this.notify("presenter");
     this.notify("participants");
   }
+  setActiveSpeakers(ids) {
+    const next = new Set(ids);
+    if (next.size === this.activeSpeakerIds.size && [...next].every((id) => this.activeSpeakerIds.has(id))) {
+      return;
+    }
+    this.activeSpeakerIds = next;
+    this.notify("activeSpeakers");
+  }
   // ---- participants ----
   addParticipant(p) {
     if (this.participants.has(p.id)) return false;
@@ -165,9 +332,11 @@ var MeetingState = class {
     this.participants.clear();
     this.chatMessages.clear();
     this.presenterId = null;
+    this.activeSpeakerIds = /* @__PURE__ */ new Set();
     this.notify("participants");
     this.notify("chat");
     this.notify("presenter");
+    this.notify("activeSpeakers");
   }
 };
 
@@ -1313,6 +1482,12 @@ var VideoSDKCore = class {
     this.remoteScreenStreams = /* @__PURE__ */ new Map();
     this.state = new MeetingState();
     this.events = events;
+    this.activeSpeakerDetector = new ActiveSpeakerDetector({
+      onActiveSpeakersChanged: (participantIds) => {
+        this.state.setActiveSpeakers(participantIds);
+        this.events.onActiveSpeakersChanged?.(participantIds);
+      }
+    });
     let storedId = null;
     try {
       storedId = typeof localStorage !== "undefined" ? localStorage.getItem("defcomm:participant_id") : null;
@@ -1353,6 +1528,10 @@ var VideoSDKCore = class {
           autoGainControl: true
         }
       });
+      const localAudioTrack = this.localStream.getAudioTracks()[0];
+      if (localAudioTrack) {
+        this.activeSpeakerDetector.addTrack(this.myId, localAudioTrack);
+      }
       const hasVideo = this.localStream.getVideoTracks().some((t) => t.readyState === "live");
       const hasAudio = this.localStream.getAudioTracks().some((t) => t.readyState === "live");
       if (!hasVideo || !hasAudio) {
@@ -1409,10 +1588,19 @@ var VideoSDKCore = class {
     return client.deleteRoom(roomCode);
   }
   async joinMeeting(config) {
-    const { roomId, name, audioMuted = false, videoMuted = false } = config;
+    const {
+      roomId,
+      name,
+      audioMuted = false,
+      videoMuted = false,
+      userId
+    } = config;
     if (!roomId || !name) {
       throw new Error("roomId and name are required to join meeting");
     }
+    if (userId) {
+      this.myId = userId;
+    }
     this.intentionalDisconnect = false;
     this.participantName = name;
     this.room.id = roomId;
@@ -1422,6 +1610,10 @@ var VideoSDKCore = class {
         video: true,
         audio: true
       });
+      const localAudioTrack = this.localStream.getAudioTracks()[0];
+      if (localAudioTrack) {
+        this.activeSpeakerDetector.addTrack(this.myId, localAudioTrack);
+      }
     }
     this.localStream.getAudioTracks().forEach((track) => {
       track.enabled = !audioMuted;
@@ -1444,10 +1636,7 @@ var VideoSDKCore = class {
       autoSubscribe: true,
       onStateChange: (state) => this.handleSFUState(state),
       onConnected: (payload, resumed) => {
-        console.log(
-          `[SFU] ${resumed ? "Resumed" : "Joined"} room`,
-          payload
-        );
+        console.log(`[SFU] ${resumed ? "Resumed" : "Joined"} room`, payload);
         this.state.updateLocalParticipant({
           id: this.myId,
           name: this.participantName
@@ -1626,7 +1815,12 @@ var VideoSDKCore = class {
       },
       onError: (error) => {
         console.error("[SFU] Error:", error);
-        this.emitError("SFU_ERROR", error?.message || String(error), error, true);
+        this.emitError(
+          "SFU_ERROR",
+          error?.message || String(error),
+          error,
+          true
+        );
       }
     });
     this.sfuClient = client;
@@ -1701,6 +1895,9 @@ var VideoSDKCore = class {
       cameraTrack: track.kind === "video" ? track : current?.media?.cameraTrack,
       audioTrack: track.kind === "audio" ? track : current?.media?.audioTrack
     });
+    if (track.kind === "audio") {
+      this.activeSpeakerDetector.addTrack(participantId, track);
+    }
     this.events.onTrack?.(remoteStream, participantId);
     track.onended = () => {
       if (track.kind === "video") {
@@ -1846,6 +2043,7 @@ var VideoSDKCore = class {
   }
   // ============ CLEANUP ============
   cleanupRemoteParticipant(participantId) {
+    this.activeSpeakerDetector.removeParticipant(participantId);
     const stream = this.remoteStreams.get(participantId);
     stream?.getTracks().forEach((track) => track.stop());
     this.remoteStreams.delete(participantId);
@@ -1911,6 +2109,9 @@ var MeetingProvider = ({
   const trackStateListeners = useRef(/* @__PURE__ */ new Set());
   const recordingStartedListeners = useRef(/* @__PURE__ */ new Set());
   const recordingStoppedListeners = useRef(/* @__PURE__ */ new Set());
+  const activeSpeakerListeners = useRef(
+    /* @__PURE__ */ new Set()
+  );
   if (!sdkRef.current) {
     sdkRef.current = new VideoSDKCore({
       onError: (err) => errorListeners.current.forEach((fn) => fn(err)),
@@ -1923,6 +2124,11 @@ var MeetingProvider = ({
     });
   }
   const sdk = sdkRef.current;
+  const activeSpeakerIds = useMeetingStore(
+    sdk.state,
+    "activeSpeakers",
+    (s) => Array.from(s.activeSpeakerIds)
+  );
   const presenterId = useMeetingStore(
     sdk.state,
     "presenter",
@@ -1971,6 +2177,7 @@ var MeetingProvider = ({
       participants,
       messages,
       presenterId,
+      activeSpeakerIds,
       usePubSub: (topic) => {
         if (topic !== "SECURE_CHAT") {
           throw new Error(`Unsupported PubSub argument: "${topic}"`);
@@ -2020,6 +2227,12 @@ var MeetingProvider = ({
       onRecordingStopped: (cb) => {
         recordingStoppedListeners.current.add(cb);
         return () => recordingStoppedListeners.current.delete(cb);
+      },
+      onActiveSpeakersChanged: (cb) => {
+        activeSpeakerListeners.current.add(cb);
+        return () => {
+          activeSpeakerListeners.current.delete(cb);
+        };
       }
     };
   }, [config, sdk, localParticipant, participants, messages, presenterId]);
@@ -2083,6 +2296,10 @@ var useMeeting = (handlers) => {
     if (!handlers?.onError) return;
     return ctx.onError(handlers.onError);
   }, [handlers?.onError]);
+  useEffect3(() => {
+    if (!handlers?.onActiveSpeakersChanged) return;
+    return ctx.onActiveSpeakersChanged(handlers.onActiveSpeakersChanged);
+  }, [handlers?.onActiveSpeakersChanged]);
   useEffect3(() => {
     if (!handlers?.onEntryRequested) return;
     return ctx.onEntryRequested(handlers.onEntryRequested);
@@ -2239,6 +2456,7 @@ function useMeetingPreview(roomId, userId) {
   };
 }
 export {
+  ActiveSpeakerDetector,
   MeetingProvider,
   MeetingState,
   SFUClient,