96 lines
6.7 KiB
Plaintext
96 lines
6.7 KiB
Plaintext
<!--pages/meeting/index.wxml-->
|
||
<view class="meeting">
|
||
<header-tab title='会议' backGround='rgb(35,36,38)' iconSize='24' color="white" titleStyle='padding:12rpx 0;' isStatusBarHeight="{{false}}"></header-tab>
|
||
<view class="meeting-content">
|
||
<view class="meeting-content-noAdmin" wx:if="{{isAdmin === 0}}">
|
||
<image class="meeting-content-noAdmin-image" src="/assets/icon8.png" />
|
||
</view>
|
||
<view class="meeting-content-video">
|
||
<view class="meeting-content-video-avatar">
|
||
<t-avatar size="small">{{currentUser.avatarName}}</t-avatar>
|
||
</view>
|
||
<view class="meeting-content-video-canvas" wx:if="{{currentUser.shareSrc}}">
|
||
<live-player id="player" src="{{currentUser.shareSrc}}" mode="RTC" autoplay="true" bindstatechange="playerStateChange" object-fit="contain" muted="{{muted}}" />
|
||
</view>
|
||
<view class="meeting-content-video-canvas" wx:elif="{{currentUser.enableCamera && currentUser.src}}">
|
||
<live-player id="player" src="{{currentUser.src}}" mode="RTC" autoplay="true" bindstatechange="playerStateChange" object-fit="fillCrop" muted="{{muted}}" />
|
||
</view>
|
||
<view class="meeting-content-video-user">
|
||
<view class="meeting-content-video-user-view" style=" background:{{currentUser.roleId === '1' || currentUser.roleId === '3'? '#FDC229' : '#3F51B5' }}">
|
||
<image src="/assets/icon9.png" class="meeting-content-video-user-view-image" />
|
||
</view>
|
||
<image src="/assets/{{currentUser.enableMicr ? 'icon2' : 'icon2-active'}}.png" class="meeting-content-video-user-image" />
|
||
<text class="meeting-content-video-user-text">{{currentUser.userName}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="meeting-content-smallvideo">
|
||
<view class="meeting-content-smallvideo-box" wx:for="{{roomUserList}}" data-item="{{item}}" wx:key="index" bind:tap="clickChangeVideo" wx:if="{{item.isRoom && item.isAdmin}}">
|
||
<view class="meeting-content-smallvideo-box-view {{item.uid == currentUid || item.screenShareId == currentUid ? 'active' : ''}}">
|
||
<view class="meeting-content-smallvideo-box-view-avatar">
|
||
<t-avatar size="small">{{item.avatarName}}</t-avatar>
|
||
</view>
|
||
<view class="meeting-content-smallvideo-box-view-canvas" wx:if="{{item.enableCamera && item.src}}">
|
||
<live-pusher wx:if="{{user.uid === item.uid}}" url="{{item.src}}" mode="RTC" bindstatechange="recorderStateChange" background-mute enable-mic enable-camera max-bitrate="500" min-bitrate="200" autopush device-position="front" class="meeting-content-smallvideo-box-view-canvas-play" />
|
||
<live-player src="{{item.src}}" class="meeting-content-smallvideo-box-view-canvas-play" mode="RTC" autoplay="true" bindstatechange="playerStateChange" object-fit="fillCrop" muted="{{muted}}" wx:else />
|
||
</view>
|
||
<view class="meeting-content-smallvideo-box-view-user">
|
||
<view class="meeting-content-smallvideo-box-view-user-view" style=" background:{{ item.roleId === '1' || item.roleId === '3' ? '#FDC229' : '#3F51B5' }}">
|
||
<image src="/assets/icon9.png" class="meeting-content-smallvideo-box-view-user-view-image" />
|
||
</view>
|
||
<image src="/assets/{{item.enableMicr ? 'icon2' : 'icon2-active'}}.png" class="meeting-content-smallvideo-box-view-user-image" />
|
||
<text class="meeting-content-smallvideo-box-view-user-text">{{item.userName}}</text>
|
||
</view>
|
||
<view class="meeting-content-smallvideo-box-view-share" wx:if="{{item.shareSrc}}">
|
||
屏幕分享中
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="meeting-footer">
|
||
<view class="meeting-footer-left">
|
||
<view class="meeting-footer-left-view" wx:for="{{footerList}}" wx:for-index="index" wx:for-item="item" wx:key="index" bind:tap="changeFooterList" data-index='{{index}}'>
|
||
<image class="meeting-footer-left-view-image" src="{{item.active ? item.icon : item.iconActive}}" />
|
||
<text class="meeting-footer-left-view-text" wx:if="{{item.title === '成员'}}">{{item.title}}({{userNumer}}) </text>
|
||
<text class="meeting-footer-left-view-text" wx:elif="{{item.title === '翻转'}}">{{item.title}}({{devicePosition ? '前置' : '后置'}}) </text>
|
||
<text class="meeting-footer-left-view-text" wx:elif="{{item.title === '聊天'}}">{{item.title}}{{noViewChatList ? '('+noViewChatList+')' : '' }}
|
||
</text>
|
||
<text class="meeting-footer-left-view-text" wx:else>{{item.active ? item.title : item.titleActive}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="meeting-footer-right" bind:tap="back">
|
||
退出
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<t-message id="t-message" />
|
||
<t-dialog visible="{{applySpeakDialog}}" content="该操作需向管理员申请发言权限" confirm-btn="{{ { content: '确定', variant: 'base', theme: 'primary' } }}" cancel-btn="取消" data-type="applySpeakDialog" bind:confirm="closeDialog" bind:cancel="closeDialog" style="transform: scale(0.5) translate3d(-50%, -50%, 0);" close-btn="{{false}}" />
|
||
<t-popup visible="{{userPopupVisible}}" bind:visible-change="onVisibleChange" placement="right" prevent-scroll-through='{{false}}'>
|
||
<view class="user-popup">
|
||
<view class="user-popup-view" wx:for="{{roomUserList}}" data-item="{{item}}" wx:key="index" wx:if="{{item.isRoom}}">
|
||
<view class="user-popup-view-avatar">
|
||
<t-avatar size="36rpx">{{item.avatarName}}</t-avatar>
|
||
<text class="user-popup-view-avatar-text">{{item.userName}}</text>
|
||
</view>
|
||
<view class="user-popup-view-image">
|
||
<image src="/assets/{{currentUser.enableMicr ? 'icon2' : 'icon2-active'}}.png" class="user-popup-view-image-icon" />
|
||
<image src="/assets/{{currentUser.enableCamera ? 'icon3' : 'icon3-active'}}.png" class="user-popup-view-image-icon" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</t-popup>
|
||
<t-popup visible="{{chatPopupVisible}}" bind:visible-change="onVisibleChange" placement="right" prevent-scroll-through='{{false}}'>
|
||
<view class="chat-popup">
|
||
<view class="chat-popup-list" id="chatView">
|
||
<view class="chat-popup-list-view" wx:for="{{chatList}}" data-item="{{item}}" wx:key="index" style="text-align: {{item.me ? 'right' : 'left'}}">
|
||
<text class="chat-popup-list-view-text">{{item.me ? item.message : item.userName}}</text>
|
||
<text class="chat-popup-list-view-text">：</text>
|
||
<text class="chat-popup-list-view-text">{{item.me ? item.userName : item.message}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="chat-popup-input">
|
||
<input type="text" placeholder="请输入文字" class="chat-popup-input-text" value="{{messageStr}}" bind:change="changeMessageStr" />
|
||
<view class="chat-popup-input-submit" bind:tap="sendMeg">发送</view>
|
||
</view>
|
||
</view>
|
||
</t-popup> |