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

client/package.json

@@ -14,7 +14,6 @@
     "mediasoup-client": "^3.16.7",
     "nuxt": "^4.1.2",
     "socket.io-client": "^4.8.1",
-    "typescript": "^5.9.3",
     "vue": "^3.5.22",
     "vue-router": "^4.5.1"
   },
@@ -23,6 +22,7 @@
     "@antfu/eslint-config": "^5.4.1",
     "@tauri-apps/cli": "^2.8.4",
     "eslint": "^9.36.0",
-    "eslint-plugin-format": "^1.0.2"
+    "eslint-plugin-format": "^1.0.2",
+    "typescript": "^5.9.3"
   }
 }