jyz/wxcomponents/trtc-room/template/custom/custom.wxml

<!-- template custom -->
<template name='custom'>
  <view class="template-custom">
    <view class="players-container">
      <view wx:for="{{streamList}}" wx:key="streamID" wx:if="{{item.src && (item.hasVideo || item.hasAudio)}}" class="view-container player-container {{item.isVisible?'':'none'}}" style="left:{{item.xAxis}};top:{{item.yAxis}};width:{{item.width}};height:{{item.height}};z-index:{{item.zIndex}};">
        <live-player
          class="player" 
          id="{{item.streamID}}" 
          data-userid="{{item.userID}}"
          data-streamid="{{item.streamID}}"
          data-streamtype="{{item.streamType}}"
          src= "{{item.src}}"
          mode= "{{item.mode}}"
          autoplay= "{{item.autoplay}}"
          mute-audio= "{{item.muteAudio}}"
          mute-video= "{{item.muteVideo}}"
          orientation= "{{item.orientation}}"
          object-fit= "{{item.objectFit}}"
          background-mute= "{{item.enableBackgroundMute}}"
          min-cache= "{{item.minCache}}"
          max-cache= "{{item.maxCache}}"
          sound-mode= "{{item.soundMode}}"
          enable-recv-message= "{{item.enableRecvMessage}}"
          auto-pause-if-navigate= "{{item.autoPauseIfNavigate}}"
          auto-pause-if-open-native= "{{item.autoPauseIfOpenNative}}"
          debug="{{debug}}"
          bindstatechange="_playerStateChange"
          bindfullscreenchange="_playerFullscreenChange"
          bindnetstatus="_playerNetStatus"
          bindaudiovolumenotify  ="_playerAudioVolumeNotify"
        />
      </view>
    </view>
    <view class="view-container pusher-container {{pusher.isVisible?'':'none'}}" style="left:{{pusher.xAxis}};top:{{pusher.yAxis}};width:{{pusher.width}};height:{{pusher.height}};z-index:{{pusher.zIndex}};">
      <live-pusher 
        class="pusher" 
        url="{{pusher.url}}" 
        mode="{{pusher.mode}}"
        autopush="{{pusher.autopush}}"
        enable-camera="{{pusher.enableCamera}}"
        enable-mic="{{pusher.enableMic}}"
        muted="{{!pusher.enableMic}}"
        enable-agc="{{pusher.enableAgc}}"
        enable-ans="{{pusher.enableAns}}"
        enable-ear-monitor="{{pusher.enableEarMonitor}}"
        auto-focus="{{pusher.enableAutoFocus}}"
        zoom="{{pusher.enableZoom}}"
        min-bitrate="{{pusher.minBitrate}}"
        max-bitrate="{{pusher.maxBitrate}}"
        video-width="{{pusher.videoWidth}}"
        video-height="{{pusher.videoHeight}}"
        beauty="{{pusher.beautyLevel}}"
        whiteness="{{pusher.whitenessLevel}}"
        orientation="{{pusher.videoOrientation}}"
        aspect="{{pusher.videoAspect}}"
        device-position="{{pusher.frontCamera}}"
        remote-mirror="{{pusher.enableRemoteMirror}}"
        local-mirror="{{pusher.localMirror}}"
        background-mute="{{pusher.enableBackgroundMute}}"
        audio-quality="{{pusher.audioQuality}}"
        audio-volume-type="{{pusher.audioVolumeType}}"
        audio-reverb-type="{{pusher.audioReverbType}}"
        waiting-image="{{pusher.waitingImage}}"
        debug="{{debug}}"
        bindstatechange="_pusherStateChangeHandler"
        bindnetstatus="_pusherNetStatusHandler"
        binderror="_pusherErrorHandler"
        bindbgmstart="_pusherBGMStartHandler"
        bindbgmprogress="_pusherBGMProgressHandler"
        bindbgmcomplete="_pusherBGMCompleteHandler"
        bindaudiovolumenotify="_pusherAudioVolumeNotify"
      />
    </view>
  </view>
</template>