WebRTC/getUserMedia：如何正确静音本地视频？

在使用 WebRTC 和 getUserMedia 技术进行视频通信时，有时候我们需要对本地视频流进行静音操作。这主要是因为在某些应用场景中，用户可能不希望发送音频数据给对方。比如，在一个监控应用中，只需要视频而不需要音频。下面我将具体介绍如何实现这一功能。

步骤1：获取媒体流

首先，我们需要使用 getUserMedia API 来获取媒体流。这个 API 允许我们访问用户的摄像头和麦克风。

javascript
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then(function(stream) {
    // 这里可以使用这个流
  })
  .catch(function(error) {
    console.error('获取媒体流失败', error);
  });

步骤2：静音音频轨道

获取到包含音频和视频的流之后，如果我们想要静音，可以直接操作流中的音频轨道。每一个轨道都有一个 enabled 属性，设置成 false 可以静音该轨道。

javascript
function muteAudio(stream) {
  const audioTracks = stream.getAudioTracks();
  audioTracks.forEach(track => {
    track.enabled = false;
  });
}

这个函数接受一个流作为参数，然后获取这个流的音频轨道，将每一个音频轨道的 enabled 属性设置为 false。这样做可以静音音频，但视频仍然保持传输。

步骤3：使用静音后的流

一旦音频被静音，您可以继续使用这个流进行通讯或其他处理，例如将其设置为视频元素的源，或者发送到远程对等方。

javascript
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then(function(stream) {
    muteAudio(stream); // 静音音频
    const videoElement = document.querySelector('video');
    videoElement.srcObject = stream;
  })
  .catch(function(error) {
    console.error('获取媒体流失败', error);
  });

示例应用：视频会议

假设在一个视频会议应用中，用户希望在会议中mute自己的音频，以避免背景噪音干扰。在这种情况下，上述方法非常适用。用户可以随时选择静音或取消静音，而不影响视频传输。

这种方法的优点是操作简单，并且对流的其他部分无影响。缺点是如果需要重新开启音频，需要将 enabled 属性重新设置为 true。

总结来说，通过操作媒体流中的音频轨道的 enabled 属性，我们可以很方便的实现本地视频的静音功能，这对于构建灵活的实时通信应用非常有帮助。