如何解决 Web 音视频本地回声严重 ?

Web 音视频本地回声的原因

一般用户 Web 端展示音视频的逻辑为:

1、通过 navigator.mediaDevices.getUserMedia 或 stream.get 获取视频和音频流

2、将步骤 1 中获取到的本地视频流赋值给 video 标签, 供本地(己方)展示

3、通过 stream.publish 方法将步骤 1 获取的本地视频流推送给其他用户, 供其他用户展示

原因: 步骤 2 中 video 标签会播放己方本地音频, 造成本地声音混乱

解决方法

为本地展示的 video 设置 muted 属性, 使其静音

参考示例

SealRTC: https://www.rongcloud.cn/demo/sealrtc/web/v3

SealClass: https://sealclass.rongcloud.cn

SealMeeting: https://sealmeeting.rongcloud.cn/sealmeeting