Docs Overview/
Web/

Web

本文档主要介绍如何订阅房间中其他用户的音视频流，也就是如何播放其他用户的音频和视频。为了方便起见，我们在接下来的文档中，会将“房间中的其他用户”统称为“远端用户”。



步骤1：进入房间

可以参考文档 进入房间。

步骤2：播放远端音视频

播放远端音频

默认情况下，SDK 会自动播放远端音频，您无需调用 API 播放远端音频。

若您不希望 SDK 自动播放音频，您可以：
1. 在 trtc.enterRoom({ autoReceiveAudio: false }) 时设置 autoReceiveAudio = false 关闭自动播放音频。
2. 监听 TRTC.EVENT.REMOTE_AUDIO_AVAILABLE 事件。
3. 在收到该事件时，保存远端音频的 userId。
4. 在需要播放音频时，调用 trtc.muteRemoteAudio(userId, false) 方法。
注意：
如果用户在进房前没有与页面产生过交互，自动播放音频可能会因为【浏览器的自动播放策略限制】而失败，您需参考自动播放受限处理建议进行处理。

播放远端视频

1. 在进房前监听 TRTC.EVENT.REMOTE_VIDEO_AVAILABLE 事件。
2. 在收到该事件时，通过 trtc.startRemoteVideo() 播放远端视频流。
trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, ({ userId, streamType }) => {
  // 为了播放视频画面，您需在 DOM 中放置一个 HTMLElement，可以是一个 div 标签，假设其 id 为 `${userId}_${streamType}`
  const view = `${userId}_${streamType}`;
  trtc.startRemoteVideo({ userId, streamType, view });
});