diff --git a/app/components/ParticipantsMenu.tsx b/app/components/ParticipantsMenu.tsx index 336e1950..256472ff 100644 --- a/app/components/ParticipantsMenu.tsx +++ b/app/components/ParticipantsMenu.tsx @@ -90,6 +90,16 @@ export const ParticipantsDialog: FC = ({ onOpenChange, }) => { const { userMedia } = useRoomContext() + const allParticipants = [identity, ...otherUsers] + .filter((x): x is User => x !== undefined) + .sort((a, b) => { + const nameA = a.name.toLowerCase() + const nameB = b.name.toLowerCase() + + if (nameA < nameB) return -1 + if (nameA > nameB) return 1 + return 0 + }) return ( {children} @@ -102,17 +112,19 @@ export const ParticipantsDialog: FC = ({ {participantCount(otherUsers.length + 1)}
    - {identity && ( - - {identity.name} - + {allParticipants.map((p) => + p === identity ? ( + + {identity.name} + + ) : ( + + ) )} - {otherUsers.map((u) => ( - - ))}
diff --git a/app/utils/rxjs/inaudibleAudioTrack$.ts b/app/utils/rxjs/inaudibleAudioTrack$.ts index 6f91065d..9be4f9b7 100644 --- a/app/utils/rxjs/inaudibleAudioTrack$.ts +++ b/app/utils/rxjs/inaudibleAudioTrack$.ts @@ -6,10 +6,12 @@ export const inaudibleAudioTrack$ = new Observable( const oscillator = audioContext.createOscillator() oscillator.type = 'triangle' + // roughly sounds like a box fan oscillator.frequency.setValueAtTime(20, audioContext.currentTime) const gainNode = audioContext.createGain() - gainNode.gain.setValueAtTime(0.02, audioContext.currentTime) + // even w/ gain at 0 some packets are sent + gainNode.gain.setValueAtTime(0, audioContext.currentTime) oscillator.connect(gainNode)