| src/components/livestream-agora.vue | ●●●●● patch | view | raw | blame | history | |
| src/components/livestream-others.vue | ●●●●● patch | view | raw | blame | history |
src/components/livestream-agora.vue
@@ -1,7 +1,7 @@ <template> <div class="mt20 flex-column flex-justify-start flex-align-center"> <div id="player" style="width: 720px; height: 420px; border: 1px solid"></div> <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="livePara.liveState && dronePara.isDockLive"> <span class="mr10">Lens:</span> @@ -12,7 +12,7 @@ <template v-else> <a-select style="width:150px" placeholder="Select Drone" placeholder="选择设备" v-model:value="dronePara.droneSelected" > <a-select-option @@ -26,7 +26,7 @@ <a-select class="ml10" style="width:150px" placeholder="Select Camera" placeholder="选择相机" v-model:value="dronePara.cameraSelected" > <a-select-option @@ -54,7 +54,7 @@ <a-select class="ml10" style="width:150px" placeholder="Select Clarity" placeholder="选择画质" @select="onClaritySelect" > <a-select-option @@ -66,7 +66,7 @@ </a-select> </div> <p class="fz16 mt10"> Note: Obtain The Following Parameters From https://console.agora.io 注意：从中获取以下参数https://console.agora.io </p> <div class="flex-row flex-justify-center flex-align-center"> <span class="mr10">AppId:</span> @@ -85,16 +85,16 @@ ></a-input> </div> <div class="mt20 flex-row flex-justify-center flex-align-center"> <a-button v-if="livePara.liveState && dronePara.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="livePara.liveState && dronePara.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="!livePara.liveState || !dronePara.isDockLive" class="ml20" type="primary" large @click="onRefresh" >Refresh Live Capacity</a-button >刷新实时容量</a-button > </div> </div> src/components/livestream-others.vue
@@ -7,7 +7,7 @@ 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"> @@ -19,7 +19,7 @@ <template v-else> <a-select style="width: 150px" placeholder="Select Live Type" placeholder="选择直播流类型" @select="onLiveTypeSelect" v-model:value="livetypeSelected" > @@ -34,7 +34,7 @@ <a-select class="ml10" style="width:150px" placeholder="Select Drone" placeholder="选择设备" v-model:value="droneSelected" > <a-select-option @@ -48,7 +48,7 @@ <a-select class="ml10" style="width:150px" placeholder="Select Camera" placeholder="选择相机" v-model:value="cameraSelected" > <a-select-option @@ -77,7 +77,7 @@ <a-select class="ml10" style="width:150px" placeholder="Select Clarity" placeholder="选择画质" @select="onClaritySelect" v-model:value="claritySelected" > @@ -91,23 +91,23 @@ </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>
