agora.io - 如何使用 Agora 的 Web SDK v4.x 将本地麦克风静音并触发静音事件

Question

我正在使用 Agora 的 Web SDK 进行群组音频通话。我正在尝试实现一个简单的静音按钮，用户在通话后可以单击该按钮以将其音频静音。

当本地用户将他们的麦克风静音时，远程用户应该会看到该用户的麦克风已静音。为实现这一点，当用户连接到流时，我们添加了一个事件处理程序来监听远程用户将其麦克风静音时应触发的“静音音频”事件。

在Web SDK 3.x系列中有一个带有静音功能的流对象，但是在4.x Agora API中，我没有看到这样的功能。

现在我正在使用 localAudioTrack.setVolume(0) 静音和 localAudioTrack.setVolume(100) 取消静音，除了它不会触发“mute-audio”事件让远程参与者知道远程用户正在静音或取消静音。

我也尝试过使用 localAudioTrack.setEnabled(false) 来使本地音频静音，但是这不起作用。

在此希望得到一些指导。谢谢!

Answer 1

setEnabled 是新 Agora NG SDK 中正确的音频/视频静音方式。

示例代码:

function toggleMic() {
  if ($("#mic-icon").hasClass('fa-microphone')) {
    localTracks.audioTrack.setEnabled(false);
    console.log("Audio Muted.");
  } else {
    localTracks.audioTrack.setEnabled(true);
    console.log("Audio Unmuted.");
  }
  $("#mic-icon").toggleClass('fa-microphone').toggleClass('fa-microphone-slash');
}

// Toggle Video
function toggleVideo() {
  if ($("#video-icon").hasClass('fa-video')) {
    localTracks.videoTrack.setEnabled(false);
    console.log("Video Muted.");
  } else {
    localTracks.videoTrack.setEnabled(true);
    console.log("Video Unmuted.");
  }
  $("#video-icon").toggleClass('fa-video').toggleClass('fa-video-slash');
}

• Sample App
• NG SDK Docs