将视频约束设置为webrtc中的false之后，网络摄像头灯不会关闭

Question

我正在使用webrtc和socket.io进行视频通话。

呼叫工作正常，但是当我运行关闭相机功能时，视频停止了，但是我的网络摄像头的光仍在打开。

这是关闭相机的功能：

const mute = () => {
  setMuteCamera(true);
  navigator.mediaDevices
    .getUserMedia({ video: false, audio: true })
    .then((stream) => {
      setStream(stream);
      myVideo.current.srcObject = stream;
      if (stream != null) {
        stream?.getTracks().forEach((track) => {
          track.stop();
        });
      }
    });
};

Answer 1

每次调用 navigator.mediaDevices.getUserMedia() 时，都会创建一个 new MediaStream，其中 new MediaStreamTracks。关闭这些新的 MediaStreamTracks 不会关闭以前的 MediaStreamTracks。

因此，您需要跟踪之前的 MediaStream，并从中关闭 VideoTrack。
鉴于您当前的代码，您似乎确实将其设置为 myVideo.current.srcObject，如果是这样，您可以从那里访问它：

const muteVideoTrack = () => {
  myVideo.current.srcObject.getVideoTracks().forEach((track) => track.stop());
};

或者您也可以简单地存储此 MediaStream在您的方法可访问的任何变量中。
这将使MediaStream仅捕获麦克风。如果您想完全停止整个 MediaStream，请调用 getTracks() 而不是 getVideoTracks()，并可选择将 srcObject 设置为 空。