问题解决

ZZJ

2021-11-09 3db7e74be3bf1c4c239def25b51ba58acf5e2598

 src/pages/cameraVideo/components/VideoItem.vue

@@ -28,22 +28,27 @@
        <p class="p3" @mousedown="ptCtrl('down')" @mouseup="ptStop"></p>
        <p class="p4" @mousedown="ptCtrl('left')" @mouseup="ptStop"></p>
      </div>
      <camera-player

      <!-- <camera-player
        :cameraName="videoItem.name"
        :cameraID="videoItem.id"
        :rtspUrl="videoItem.rtsp"
        :isRunning="videoItem.isRunning"
        :isGb="videoItem.cameraType === 1"
        :showArea="showArea"
        v-if="videoItem !== '' && videoItem !== undefined && videoItem !== null && TreeDataPool.treeActiveName==='camera'"
      ></camera-player>
      ></camera-player> -->

      <video
        v-if="videoItem !== '' && videoItem !== undefined && videoItem !== null && TreeDataPool.treeActiveName==='dataStack'"
        :src="videoItem.rtsp"
        autoplay="autoplay"
        poster="../../../assets/baseimg.png"
        controls
      >您的浏览器不支持 video 标签。</video>
      <wasm-player
        :cameraName="videoItem.name"
        :cameraID="videoItem.id"
        :rtspUrl="videoItem.rtsp"
        :isRunning="videoItem.isRunning"
        :isGb="videoItem.cameraType === 1"
        :showArea="showArea"
        v-if="videoItem !== '' && videoItem !== undefined && videoItem !== null && TreeDataPool.treeActiveName==='camera'"
      ></wasm-player>

    </div>
  </div>
</template>
@@ -52,10 +57,12 @@
import { ptzControl } from "@/api/camera"

import CameraPlayer from "@/components/player";
import WasmPlayer from "@/components/wasmPlayer";

export default {
  components: {
    CameraPlayer
    // CameraPlayer,
    WasmPlayer
  },
  props: {
    videoGuid: {
@@ -66,7 +73,8 @@
    videoItem: {
      type: [Object, String],
      default: null
    }
    },
    showArea: Boolean,
  },
  data() {
    return {