| | |
| | | <template> |
| | | <div class="rtc-container"> |
| | | <!-- 进房操作区域 --> |
| | | <p v-if="isHostMode" class="label">{{ $t('Operation') }}</p> |
| | | <p v-if="isHostMode" class="label">{{ $t('会议操作') }}</p> |
| | | <div class="control-container"> |
| | | <div class="rtc-control-container"> |
| | | <el-button |
| | | class="button" |
| | | type="primary" |
| | | size="small" :disabled="isJoining || isJoined" @click="handleJoinRoom">{{ $t('Join Room') }}</el-button> |
| | | size="small" :disabled="isJoining || isJoined" @click="handleJoinRoom">{{ $t('加入房间') }}</el-button> |
| | | <el-button |
| | | v-if="isHostMode" |
| | | class="button" |
| | |
| | | type="primary" size="small" @click="handleUnpublish">{{ $t('Unpublish') }}</el-button> |
| | | <el-button |
| | | class="button" |
| | | type="primary" size="small" @click="handleLeave">{{ $t('Leave Room') }}</el-button> |
| | | type="primary" size="small" @click="handleLeave">{{ $t('离开房间') }}</el-button> |
| | | </div> |
| | | <div v-if="isHostMode" class="screen-share-control-container"> |
| | | <el-button |
| | |
| | | type="primary" |
| | | size="small" |
| | | :disabled="isShareJoined && isSharePublished" |
| | | @click="handleStartScreenShare">{{ $t('Start Screen Share') }}</el-button> |
| | | @click="handleStartScreenShare">{{ $t('共享屏幕') }}</el-button> |
| | | <el-button |
| | | class="button" |
| | | type="primary" size="small" @click="handleStopScreenShare">{{ $t('Stop Screen Share') }}</el-button> |
| | | type="primary" size="small" @click="handleStopScreenShare">{{ $t('结束屏幕共享') }}</el-button> |
| | | </div> |
| | | </div> |
| | | |