俩种直播 英文改中文

husq

2023-09-15 47b65eae00897a353ea65d83ebdadce82a7b2ad2

 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>