№4

client/app/composables/use-mediasoup.ts

@@ -30,9 +30,14 @@ export const useMediasoup = createGlobalState(() => {
   let recvTransport: mediasoupClient.types.Transport
 
   socket.on('producers', async (producers) => {
-    for (const producer of producers) {
-      await consume(producer.producerId)
-    }
+    watch(connected, async () => {
+      if (!connected.value)
+        return
+
+      for (const producer of producers) {
+        await consume(producer.producerId)
+      }
+    }, { immediate: true })
   })
 
   socket.on('newProducer', async ({ producerId }) => {
@@ -81,7 +86,7 @@ export const useMediasoup = createGlobalState(() => {
           dtlsParameters,
         })
 
-        callback()
+        // callback()
       }
       catch (err) {
         errback(err)
@@ -90,12 +95,13 @@ export const useMediasoup = createGlobalState(() => {
 
     sendTransport.on('produce', async ({ kind, rtpParameters }, callback, errback) => {
       try {
-        const { id } = await socket.emitWithAck('produce', {
+        const { producerId } = await socket.emitWithAck('produce', {
           transportId: sendTransport.id,
           kind,
           rtpParameters,
         })
-        callback({ id })
+
+        // callback({ producerId })
       }
       catch (err) {
         errback(err)
@@ -104,7 +110,18 @@ export const useMediasoup = createGlobalState(() => {
   }
 
   async function publishMic() {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
+    const devices = await navigator.mediaDevices.enumerateDevices()
+    console.log(devices)
+
+    const stream = await navigator.mediaDevices.getUserMedia({
+      // audio: true,
+      audio: {
+        autoGainControl: false,
+        noiseSuppression: true,
+        echoCancellation: false,
+        latency: 0,
+      },
+    })
     const track = stream.getAudioTracks()[0]
 
     await sendTransport.produce({ track })