cringe sfx

client/app/composables/use-mediasoup.ts

@@ -32,7 +32,7 @@ export const useMediasoup = createSharedComposable(() => {
   const sfx = useSfx()
 
   const signaling = useSignaling()
-  const { addClient, removeClient } = useClients()
+  const { addClient, removeClient, me } = useClients()
   const preferences = usePreferences()
   const { getShareStream } = useDevices()
 
@@ -170,6 +170,9 @@ export const useMediasoup = createSharedComposable(() => {
 
       addClient(...joinedClients)
 
+      if (me.value)
+        sfx.playRandomConnectionSound(me.value.socketId).then()
+
       toast.add({ severity: 'success', summary: 'Joined', closable: false, life: 1000 })
 
       await enableMic()

client/app/composables/use-sfx.ts

@@ -74,7 +74,7 @@ export const useSfx = createSharedComposable(() => {
 
   async function playRandomConnectionSound(seed: string) {
     await playEvent('stream-on')
-    await play(CONNECTION_SOUNDS[hashStringToNumber(seed, CONNECTION_SOUNDS.length + 1)]!, 0.1)
+    await play(CONNECTION_SOUNDS[hashStringToNumber(seed, CONNECTION_SOUNDS.length)]!, 0.1)
   }
 
   return {