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

本文档主要介绍如何订阅房间中其他用户的音视频流，也就是如何播放其他用户的音频和视频。为了方便起见，我们在接下来的文档中，会将“房间中的其他用户”统称为“远端用户”。
?
?
说明：
自2023年02月15日起，如需使用微信小程序 SDK 音视频通话和互动直播，需开通订阅 TRTC 包月套餐 以解锁小程序 SDK 能力，详见包月套餐 功能与计费说明。
2023年02月15日前创建过 TRTC 应用的腾讯云账号下的所有应用（SdkAppId)，作为缓冲期可免费使用微信小程序 SDK 能力至2023年04月01日。
步骤1：完成前序步骤
先参考文档 导入 SDK 到项目中 并 进入房间。
步骤2：订阅远端流
在远端用户进入的回调中，更新 playerList，通过循环遍历。
// 远端用户推送视频
this.TRTC.on(TRTC_EVENT.REMOTE_VIDEO_ADD, (event) => {
  console.log('* room REMOTE_VIDEO_ADD',  event)
  const { player } = event.data
  // 开始播放远端的视频流，默认是不播放的
  this.setPlayerAttributesHandler(player, { muteVideo: false })
})
// 远端用户推送音频
this.TRTC.on(TRTC_EVENT.REMOTE_AUDIO_ADD, (event) => {
  console.log('* room REMOTE_AUDIO_ADD', event)
  const { player } = event.data
  this.setPlayerAttributesHandler(player, { muteAudio: false })
})
// 设置某个 player 属性
setPlayerAttributesHandler(player, options) {
  this.setData({
    playerList: this.TRTC.setPlayerAttributes(player.streamID, options),
  })
},
<view wx:for="{{playerList}}" wx:key="id">
  <live-player
    id="{{item.id}}"
    src= "{{item.src}}"
  />
</view>
?
小程序

本页目录：

步骤1：完成前序步骤

步骤2：订阅远端流
