本地静音视频时，Agora 远程视图发生变化

Posted 2023-03-14

【中文标题】本地静音视频时，Agora 远程视图发生变化

【英文标题】：Agora Remote view changed when local mute video

【发布时间】：2021-10-18 10:07:11

【问题描述】：

这是我的 html 文件

<div id="remote-video-frame">
        <div class="mutedVideo" v-if="remotemutedVideo">user</div>
        <div id="remote-video" class="remote-video" v-if="!remotemutedVideo" v-if="remoteJoined" ></div>
        <div class="content-center waitremote" v-else>
          <div class="pulse"> <i class="fas fa-phone fa-2x"></i> </div>
          <p>Waiting singleUser to response to this video call now.</p>
        </div>
      </div>

js文件

handleVideoToggle() 
  if (this.mutedVideo) 
    this.localStream.unmuteVideo();
    this.mutedVideo = false;
    
   else 
    this.localStream.muteVideo();
    this.mutedVideo = true;
  

我在我的 js 文件中声明了 remotemutedVideo 并试图在 handleVideoToggle 中声明它的状态，但它仍然无法正常工作，我如何从远程获取静音状态在那里并向本地显示远程用户将他们的视频静音而不是仅仅黑屏

【参考方案1】：

我假设您使用的是 3.x Web SDK。您可以使用它来了解用户何时将自己静音。

文档：

https://docs.agora.io/en/All/API%20Reference/web/interfaces/agorartc.stream.html#mutevideo

代码：

// Toggle User Avatar
client.on("mute-video", function (evt) 
    var remoteId = evt.uid;
    if (remoteId != mainStreamId) 
        toggleVisibility('#' + remoteId + '_no-video', true);
    
);
client.on("unmute-video", function (evt) 
    toggleVisibility('#' + evt.uid + '_no-video', false);
);```