实时音视频
文档捉虫大赛：人工智能与机器学习专题> HOT
文档中心 > 实时音视频 > 无 UI 集成方案 > 3. 订阅音视频流 > 小程序

小程序

最近更新时间：2023-02-15 16:27:35

我的收藏

本页目录：

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


说明：
自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>

中国站