Add mute indicators

This commit is contained in:
Robert Long 2021-08-23 15:44:08 -07:00
commit 797bba1f56
5 changed files with 110 additions and 35 deletions

View file

@ -148,7 +148,7 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
participants,
error,
videoMuted,
micMuted,
audioMuted,
},
setState,
] = useState({
@ -159,7 +159,7 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
participants: [],
error: undefined,
videoMuted: false,
micMuted: false,
audioMuted: false,
});
useEffect(() => {
@ -225,7 +225,7 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
setState((prevState) => ({
...prevState,
videoMuted: manager.videoMuted,
micMuted: manager.micMuted,
audioMuted: manager.audioMuted,
}));
}
@ -329,9 +329,9 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
};
}, [manager]);
const toggleMuteMic = useCallback(() => {
manager.setMicMuted(!manager.micMuted);
setState((prevState) => ({ ...prevState, micMuted: manager.micMuted }));
const toggleMuteAudio = useCallback(() => {
manager.setAudioMuted(!manager.audioMuted);
setState((prevState) => ({ ...prevState, audioMuted: manager.audioMuted }));
}, [manager]);
const toggleMuteVideo = useCallback(() => {
@ -349,9 +349,9 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
joinCall,
leaveCall,
toggleMuteVideo,
toggleMuteMic,
toggleMuteAudio,
videoMuted,
micMuted,
audioMuted,
};
}