diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx index 476ecc8..4e04199 100644 --- a/src/video-grid/VideoTile.tsx +++ b/src/video-grid/VideoTile.tsx @@ -141,7 +141,13 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>( </div> ) : ( <div className={classNames(styles.infoBubble, styles.memberName)}> - {audioMuted && !videoMuted && <MicMutedIcon />} + { + /* If the user is speaking, it's safe to say they're unmuted. + Mute state is currently sent over to-device messages, which + aren't quite real-time, so this is an important kludge to make + sure no one appears muted when they've clearly begun talking. */ + audioMuted && !videoMuted && !speaking && <MicMutedIcon /> + } {videoMuted && <VideoMutedIcon />} <span title={caption}>{caption}</span> </div>