trtc-wx

<live-pusher
    url="{{pusher.url}}"
    bindstatechange="_pusherStateChangeHandler"
    bindnetstatus="_pusherNetStatusHandler"
    binderror="_pusherErrorHandler"
    bindbgmstart="_pusherBGMStartHandler"
    bindbgmprogress="_pusherBGMProgressHandler"
    bindbgmcomplete="_pusherBGMCompleteHandler"
    bindaudiovolumenotify="_pusherAudioVolumeNotify"
/>

// 请保持跟 wxml 中绑定的事件名称一致
_pusherStateChangeHandler(event) {
    this.TRTC.pusherEventHandler(event)
},
_pusherNetStatusHandler(event) {
    this.TRTC.pusherNetStatusHandler(event)
},
_pusherErrorHandler(event) {
    this.TRTC.pusherErrorHandler(event)
},
_pusherBGMStartHandler(event) {
    this.TRTC.pusherBGMStartHandler(event)
},
_pusherBGMProgressHandler(event) {
    this.TRTC.pusherBGMProgressHandler(event)
},
_pusherBGMCompleteHandler(event) {
    this.TRTC.pusherBGMCompleteHandler(event)
},
_pusherAudioVolumeNotify(event) {
    this.TRTC.pusherAudioVolumeNotify(event)
}


import TRTC from 'trtc-wx.js'

page({
  onLoad(){
    this.TRTC = new TRTC(this)
    this.EVENT = this.TRTC.EVENT
  }
})


this.TRTC.on(this.EVENT.LOCAL_JOIN, onLocalJoin, this)


function onLocalJoin(event) {
 // 本地进房成功
}
trtcRoomContext.off(this.EVENT.LOCAL_JOIN, onLocalJoin)


this.TRTC.createPusher({'frontCamera': 'back'})


enterRoom(options) {
    this.setData({
        pusher: this.TRTC.enterRoom({
          sdkAppID: 1400xxxxx, // 您的腾讯云账号
          userID: 'trtc-user', //当前进房用户的userID
          userSig: 'xxxxxxx', // 您服务端生成的userSig
          roomID: 1234, // 您进房的房间号，
          enableMic: true, // 进房默认开启音频上行
          enableCamera: true, // 进房默认开启视频上行
        }),
    }, () => {
        this.TRTC.getPusherInstance().start() // 开始进行推流
    })
},


{
    pusher: {},
    playerList: {}
}


exitRoom() {
    const result = this.TRTC.exitRoom()
    // 状态机重置，会返回更新后的pusher和playerList
    this.setData({
        pusher: result.pusher,
        playerList: result.playerList,
    })
},


this.setData({
  playerList: this.TRTC.getPlayerList()
})


this.setData({
  pusher: this.TRTC.setPusherAttributes({
    enableMic: false, // 关闭音频上行
    enableCamera: false, // 关闭视频上行
  }),
})


this.setData({
    playerList: this.TRTC.setPlayerAttributes(
      playerId,
      { 
        muteVideo: true,  //  停止接收远程用户的视频流，视频画面会冻屏在 mute 前的最后一帧。
        orientation: 'horizontal',  //  将拉流画面设置为水平方向
        // 其余参数参考 playerAttributes 中的属性
      }
    )
})

this.TRTC.getPusherInstance().start() // 开始推流


this.TRTC.getPlayerInstance().stop() // 停止这个player的播放


this.TRTC = new TRTC(this)
const EVENT = this.TRTC.EVENT

let onLocalJoin = function(){
  console.log('本地进房成功')
}
this.TRTC.on(EVENT.LOCAL_JOIN, onLocalJoin)


let onLocalLeave = function(){
  console.log('本地退房成功')
}
this.TRTC.on(EVENT.LOCAL_LEAVE, onLocalLeave)


let onKickedout = function(){
  console.log('被服务端踢出或房间被解散')
}
this.TRTC.on(EVENT.KICKED_OUT, onKickedout)


let onRemoteUserJoin = function(event){
  // userID 是加入的用户 ID
  const { userID, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_USER_JOIN, onRemoteUserJoin)


let onRemoteUserLeave = function(event){
  // userID 是离开的用户 ID
  const { userID, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_USER_LEAVE, onRemoteUserLeave)


let onRemoteVideoAdd = function(event){
  // id 是对应的player的id
  const { player, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_VIDEO_ADD, onRemoteVideoAdd)


let onRemoteVideoRemove = function(event){
  // id 是对应的player的id
  const { player, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_VIDEO_REMOVE, onRemoteVideoRemove)


let onRemoteAudioAdd = function(event){
  // id 是对应的player的id
  const { player, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_AUDIO_ADD, onRemoteAudioAdd)


let onRemoteAudioRemove = function(event){
  // id 是对应的player的id
  const { id, userList, playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_AUDIO_REMOVE, onRemoteAudioRemove)


let onRemoteStateUpdate = function(event){
  // id 是对应触发的 player 的 id，目前 streamid 和 id 是相同的
  const id = event.data.currentTarget.dataset.streamid
  const data = event.data // 这里是微信原生组件抛出的关于player的信息，若有需要您可以自主获取
}
this.TRTC.on(EVENT.REMOTE_STATE_UPDATE, onRemoteStateUpdate)


let onLocalNetStateUpdate = function(event){
  // 这里会返回更新后的 pusherAttributes，上面有个属性是 netStatus 对应网络状态的对象
  // 其中 netQualityLevel 对应网络状态的好坏，1 代表最好，数字越大代表网络越差
  const netStatus = event.data.pusher.netStatus
}
this.TRTC.on(EVENT.LOCAL_NET_STATE_UPDATE, onLocalNetStateUpdate)


let onRemoteNetStateUpdate = function(event){
  // 这里会返回更新后的 playerList，上面有个属性是 netStatus 对应网络状态的对象
  // 其中 netQualityLevel 对应网络状态的好坏，1 代表最好，数字越大代表网络越差
  const { playerList } = event.data

}
this.TRTC.on(EVENT.REMOTE_NET_STATE_UPDATE, onRemoteNetStateUpdate)


let onRemoteAudioVolumeUpdate = function(event){
  // 这里会返回更新后的 playerList
  const { playerList } = event.data
}
this.TRTC.on(EVENT.REMOTE_AUDIO_VOLUME_UPDATE, onRemoteAudioVolumeUpdate)


let onLocalAudioVolumeUpdate = function(event){
  // 这里会返回更新后的 pusher 状态
  const { pusher } = event.data
}
this.TRTC.on(EVENT.LOCAL_AUDIO_VOLUME_UPDATE, onLocalAudioVolumeUpdate)


let onVideoFullscreenUpdate = function(){
  // 您可以进行业务的操作，目前没有抛出data字段
}
this.TRTC.on(EVENT.VIDEO_FULLSCREEN_UPDATE, onVideoFullscreenUpdate)


let onBgmPlayProgress = function(event){
  // progress是已经播放的时长，duration是总时长，比值代表当前的进度
  const { progress, duration } = event.data

}
this.TRTC.on(EVENT.BGM_PLAY_PROGRESS, onBgmPlayProgress)