实时音视频 Web-无 UI 集成-文档中心-腾讯云

本文档主要介绍如何订阅房间中其他用户的音视频流，也就是如何播放其他用户的音频和视频。为了方便起见，我们在接下来的文档中，会将“房间中的其他用户”统称为“远端用户”。
?
?
?
说明：
本教程基于 5.x TRTC Web SDK 实现，若您使用 4.x 版本 SDK，可参考此教程。
?5.x 与 4.x 版本的区别。
步骤1：进入房间
可以参考文档 进入房间。
步骤2：播放远端音视频
播放远端音频
默认情况下，SDK 会自动播放远端音频，您无需调用 API 来播放远端音频。
需要注意的是：如果用户在进房前没有与页面产生过交互，可能会因为“浏览器的自动播放策略限制”导致自动播放音频失败，您需参考 自动播放受限处理建议 进行处理。
若您不希望 SDK 自动播放音频，您可以在 trtc.enterRoom({ autoReceiveAudio: false }) 时设置 autoReceiveAudio = false 关闭自动播放音频。
监听 TRTC.EVENT.REMOTE_AUDIO_AVAILABLE 事件，记录有远端音频的 userId，在需要播放音频时，调用 trtc.muteRemoteAudio(userId, false) 方法。
播放远端视频
在进房前监听 TRTC.EVENT.REMOTE_VIDEO_AVAILABLE 事件，在收到该事件时，通过 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 });
});
?
Web

本页目录：

???

步骤1：进入房间

步骤2：播放远端音视频

播放远端音频

播放远端视频

?
?
?
