diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx index b93396ec..06336513 100644 --- a/src/components/production-line/production-line.tsx +++ b/src/components/production-line/production-line.tsx @@ -23,7 +23,8 @@ const UserControlBtn = styled.button` export const ProductionLine: FC = () => { // const { productionId, lineId } = useParams(); - const [{ joinProductionOptions, audioInput }, dispatch] = useGlobalState(); + const [{ joinProductionOptions, mediaStreamInput }, dispatch] = + useGlobalState(); const navigate = useNavigate(); const audioContainerRef = useRef(null); const [micMute, setMicMute] = useState(true); @@ -89,10 +90,13 @@ export const ProductionLine: FC = () => { }; useEffect(() => { - if (audioInput) { - audioInput.enabled = !micMute; + if (mediaStreamInput) { + mediaStreamInput.getTracks().forEach((track) => { + // eslint-disable-next-line no-param-reassign + track.enabled = !micMute; + }); } - }, [audioInput, micMute]); + }, [mediaStreamInput, micMute]); // Mute/Unmute speaker // Show active sink and mic