zhangzengfei
2022-06-08 182aed85616f7ac60d0ffb02e4feac5661b80e0c
src/components/wasmPlayer/index.vue
@@ -175,6 +175,17 @@
          this.playVideo()
        })
      }
    },
    videoUrl: function(newVal, oldVal) {
      if (newVal !== oldVal) {
        if (this.player) {
          this.player.stop()
        }
        this.$nextTick(() => {
          this.player.preloadFlag = 0
          this.playVideo()
        })
      }
    }
  },
  mounted() {
@@ -247,9 +258,10 @@
        _this.canvas.style.cursor = "default"
      })
      _this.canvasData.polygon.forEach(function(v, i) {
        if (v.location.length === 0) {
        if (v.location && v.location.length === 0) {
          return
        }
        _this.ctx.strokeStyle = "yellow"
        _this.ctx.beginPath()
        _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportionY)
@@ -406,7 +418,8 @@
    },
    setPlayerStatus(stat) {
      this.videoLoading = false
      this.playerStatus = 1
      // 控制加载后的播放按钮状态,实时流为自动播放,视频为preload
      this.playerStatus = this.isStream ? 1 : 0
    },
    stopVideo() {
      if (this.player.hPlayer == 0) return
@@ -498,7 +511,9 @@
  width: 100%;
  height: 100%;
}
#area-canvas {
  z-index: 1;
}
video {
  object-fit: fill;
  width: 100%;