| | |
| | | controls |
| | | class="mt20" |
| | | ></video> |
| | | <p class="fz24">Live streaming source selection</p> |
| | | <p class="fz24">直播源选择</p> |
| | | |
| | | <div class="flex-row flex-justify-center flex-align-center mt10"> |
| | | <template v-if="liveState && isDockLive"> |
| | |
| | | <template v-else> |
| | | <a-select |
| | | style="width: 150px" |
| | | placeholder="Select Live Type" |
| | | placeholder="选择直播流类型" |
| | | @select="onLiveTypeSelect" |
| | | v-model:value="livetypeSelected" |
| | | > |
| | |
| | | <a-select |
| | | class="ml10" |
| | | style="width:150px" |
| | | placeholder="Select Drone" |
| | | placeholder="选择设备" |
| | | v-model:value="droneSelected" |
| | | > |
| | | <a-select-option |
| | |
| | | <a-select |
| | | class="ml10" |
| | | style="width:150px" |
| | | placeholder="Select Camera" |
| | | placeholder="选择相机" |
| | | v-model:value="cameraSelected" |
| | | > |
| | | <a-select-option |
| | |
| | | <a-select |
| | | class="ml10" |
| | | style="width:150px" |
| | | placeholder="Select Clarity" |
| | | placeholder="选择画质" |
| | | @select="onClaritySelect" |
| | | v-model:value="claritySelected" |
| | | > |
| | |
| | | </div> |
| | | <div class="mt20"> |
| | | <p class="fz10" v-if="livetypeSelected == 2"> |
| | | Please use VLC media player to play the RTSP livestream !!! |
| | | 请使用VLC媒体播放器播放RTSP直播!!! |
| | | </p> |
| | | <p class="fz10" v-if="livetypeSelected == 2"> |
| | | RTSP Parameter:{{ rtspData }} |
| | | RTSP参数:{{ rtspData }} |
| | | </p> |
| | | </div> |
| | | <div class="mt10 flex-row flex-justify-center flex-align-center"> |
| | | <a-button v-if="liveState && isDockLive" type="primary" large @click="onSwitch">Switch Lens</a-button> |
| | | <a-button v-else type="primary" large @click="onStart">Play</a-button> |
| | | <a-button v-if="liveState && isDockLive" type="primary" large @click="onSwitch">切换镜头</a-button> |
| | | <a-button v-else type="primary" large @click="onStart">播放</a-button> |
| | | <a-button class="ml20" type="primary" large @click="onStop" |
| | | >Stop</a-button |
| | | >暂停</a-button |
| | | > |
| | | <a-button class="ml20" type="primary" large @click="onUpdateQuality" |
| | | >Update Clarity</a-button |
| | | >更新画质</a-button |
| | | > |
| | | <a-button v-if="!liveState || !isDockLive" class="ml20" type="primary" large @click="onRefresh" |
| | | >Refresh Live Capacity</a-button |
| | | >刷新实时容量</a-button |
| | | > |
| | | </div> |
| | | </div> |