his_user_miniapp/node_modules/@tencentcloud/call-uikit-wechat/TUICallKit/component/connected/connected.wxml

<view class="TUICalling-connected-layout {{callType === 1 ? 'audio' : 'video'}}">
    <view
        class="{{callType === 1 ? 'pusher-audio' : playerList.length > 1 ? 'stream-box' : (screen === 'pusher' ? 'pusher-video' : 'player')}}"
        data-screen="pusher" catch:tap="toggleViewSize">
        <live-pusher class="{{callType === 1 ? 'pusher-audio' : 'live'}}" url="{{pusher.url}}" mode="{{pusher.mode}}"
            autopush="{{true}}" enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}"
            muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}"
            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}}" beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}"
            bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus" binderror="pusherErrorHandler"
            bindaudiovolumenotify="pusherAudioVolumeNotify" />
    </view>
    <view wx:if="{{callType === 1}}" class="TRTCCalling-call-audio-box {{playerList.length > 1 && 'mutil-img'}}">
        <view class="TRTCCalling-call-audio-img" wx:if="{{playerList.length > 1}}">
            <image src="{{pusher.avatar || '../../static/default_avatar.png'}}" class="img-place-holder avatar"
                data-value="{{pusher.userID}}" data-flag="pusher" binderror="handleConnectErrorImage" />
            <text class="audio-name">{{pusher.nick || pusher.userID}}(自己)</text>
        </view>
        <view class="TRTCCalling-call-audio-img" wx:for="{{userList || playerList}}" wx:key="userID">
            <image src="{{item.avatar || '../../static/default_avatar.png'}}" class="img-place-holder avatar"
                data-value="{{item}}" data-flag="player" data-key="userList" data-index="{{index}}" binderror="handleConnectErrorImage" />
            <text class="audio-name">{{item.nick || item.userID}}</text>
        </view>
    </view>
    <view wx:for="{{playerList}}" wx:key="streamID"
        class="view-container player-container {{callType === 1 ? 'player-audio' : ''}}">
        <view
            class="{{callType === 1 ? 'player-audio' : playerList.length > 1 ? 'stream-box' : (screen === 'player' ? 'pusher-video' : 'player')}}"
            data-screen="player" catch:tap="toggleViewSize">
            <live-player class="live" wx:if="{{ item.hasAudio || item.hasVideo }}" id="{{item.id}}" data-userid="{{item.userID}}" data-streamid="{{item.streamID}}"
                data-streamtype="{{item.streamType}}" src="{{item.src}}" mode="RTC" 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="{{soundMode}}"
                enable-recv-message="{{item.enableRecvMessage}}" auto-pause-if-navigate="{{item.autoPauseIfNavigate}}"
                auto-pause-if-open-native="{{item.autoPauseIfOpenNative}}" bindstatechange="playerStateChange"
                bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus"
                bindaudiovolumenotify="playerAudioVolumeNotify" />
        </view>
    </view>
    <view class="handle-btns">
        <view class="other-view {{callType === 1 ? 'black' : 'white'}}">
            <text>{{pusher.chatTime}}</text>
        </view>
        <view class="btn-operate-item call-switch" catch:tap="switchAudioCall">
            <view class="call-operate">
                <image src="../../static/trans.png" />
            </view>
            <text>切到语音通话</text>
        </view>
        <view class="btn-list">
            <view class="button-container">
                <view class="btn-normal" bindtap="pusherAudioHandler">
                    <image class="btn-image"
                        src="{{pusher.enableMic? '../../static/audio-true.png': '../../static/audio-false.png'}} ">
                    </image>
                </view>
                <view class="{{callType === 2 ? 'white' : ''}}">麦克风</view>
            </view>
            <view class="button-container" wx:if="{{callType === 1}}">
                <view class="btn-hangup" bindtap="hangup">
                    <image class="btn-image" src="../../static/hangup.png"></image>
                </view>

                <view class="{{callType === 2 ? 'white' : ''}}">挂断</view>
            </view>
            <view class="button-container">
                <view class="btn-normal" bindtap="toggleSoundMode">
                    <image class="btn-image"
                        src="{{soundMode === 'ear' ? '../../static/speaker-false.png': '../../static/speaker-true.png'}} ">
                    </image>
                </view>
                <text class="{{callType === 2 ? 'white' : ''}}">扬声器</text>
            </view>

            <view class="button-container" wx:if="{{callType === 2}}">
                <view class="btn-normal" bindtap="pusherVideoHandler">
                    <image class="btn-image"
                        src="{{pusher.enableCamera ? '../../static/camera-true.png': '../../static/camera-false.png'}} ">
                    </image>
                </view>
                <text class="white">摄像头</text>
            </view>
        </view>
        <view class="btn-list" wx:if="{{callType===2}}">
            <!-- <view class="btn-list-item">
                <view wx:if="{{playerList.length === 1}}" class="btn-normal" bindtap="switchAudioCall">
                    <image class="btn-image btn-image-small" src="{{ '../../static/trans.png'}} "></image>
                </view>
            </view> -->
            <view class="btn-list-item other-view">
                <view class="btn-container">
                    <view class="btn-hangup" bindtap="hangup">
                        <image class="btn-image" src="../../static/hangup.png"></image>
                    </view>
                    <view wx:if="{{pusher.enableCamera}}" class="invite-calling-header-left">
                        <image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}"
                            catch:tap="toggleSwitchCamera" />
                    </view>
                </view>
                <text class="white">挂断</text>
            </view>
            <!-- <view class="btn-list-item btn-footer">
                <view wx:if="{{pusher.enableCamera}}" class="{{playerList.length > 1 ? 'multi-camera' : 'camera'}}">
                    <image class="camera-image" src="../../static/swtich-camera.png"
                        data-device="{{pusher.frontCamera}}" catch:tap="toggleSwitchCamera" />
                </view>
            </view> -->
        </view>
    </view>
</view>