This commit is contained in:
@@ -1,23 +1,23 @@
|
||||
<template>
|
||||
<div class="py-3">
|
||||
<div class="flex items-center gap-3 ">
|
||||
<div class="flex items-center gap-3">
|
||||
<PrimeAvatar size="small">
|
||||
<template #icon>
|
||||
<User :size="20" />
|
||||
</template>
|
||||
</PrimeAvatar>
|
||||
|
||||
<div class="flex-1">
|
||||
<div class="text-sm leading-5 font-medium text-color whitespace-nowrap overflow-ellipsis">
|
||||
<div class="flex-1 overflow-hidden">
|
||||
<div class="overflow-hidden text-sm leading-5 font-medium text-color whitespace-nowrap overflow-ellipsis">
|
||||
{{ client.displayName }}
|
||||
</div>
|
||||
<div v-if="client.username !== client.displayName" class="mt-1 text-xs leading-5 text-muted-color">
|
||||
<div v-if="client.username !== client.displayName" class="overflow-hidden mt-1 text-xs leading-5 text-muted-color">
|
||||
{{ client.username }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<PrimeBadge v-if="inputMuted" severity="info" value="Muted" />
|
||||
<!-- <PrimeBadge v-if="outputMuted" severity="info" value="No sound" /> -->
|
||||
<PrimeBadge v-if="client.outputMuted" severity="info" value="No sound" />
|
||||
<PrimeBadge v-else-if="inputMuted" severity="info" value="Muted" />
|
||||
<PrimeBadge v-if="isMe" severity="secondary" value="You" />
|
||||
|
||||
<template v-if="!isMe">
|
||||
@@ -98,13 +98,13 @@ const audioTrack = computed(() => {
|
||||
const { setGain } = useAudioContext(audioTrack)
|
||||
|
||||
watch(volume, (volume) => {
|
||||
// if (outputMuted.value)
|
||||
// return
|
||||
if (outputMuted.value)
|
||||
return
|
||||
|
||||
setGain(volume * 0.01)
|
||||
}, { immediate: true })
|
||||
|
||||
// watch(outputMuted, (outputMuted) => {
|
||||
// setGain(outputMuted ? 0 : (volume.value * 0.01))
|
||||
// })
|
||||
watch(outputMuted, (outputMuted) => {
|
||||
setGain(outputMuted ? 0 : (volume.value * 0.01))
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user