视频下载与全屏

ZZJ

2021-09-28 3d3bceb5fac0947a35fb7200833f299296990b4f

视频下载与全屏

 src/components/wasmPlayer/index.vue

@@ -13,8 +13,8 @@
          v-loading="videoLoading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          style="position: unset !important"
        ></div>
        <canvas
        ></div>       
          <canvas
          ref="playCanvas"
          id="paly-canvas"
          width="960"
@@ -194,6 +194,7 @@
      isEmptyUrl: false,
      videoLoading: false,
      loadUrl:'',
      isFullScreen:false
    }
  },
  watch: {
@@ -485,7 +486,13 @@
    },

    fullScreen() {
      this.player.fullscreen()
      if(!this.isFullScreen){
       this.player.fullscreen()     
      }
      else{
      this.player.exitfullscreen()
      }
      this.isFullScreen = !this.isFullScreen
    },

    async downLoad() {
@@ -493,7 +500,10 @@
          title: '消息',
          message: '资源下载中,请稍后...'
        });
      let url = 'http:/'+this.loadUrl.substring(10)
      let url = 'http://'+window.location.host+this.loadUrl

     // let url = "http://localhost:8080/httpImage/192.168.20.189:6700/283,2f49bf283ad7?collection=2021-09-28-DSVAD010120190703-video"
      console.log(url);
      let name = url.substring(url.lastIndexOf("/") + 1)      
      let responsePromise = await fetch(url)
      let blob = await responsePromise.blob()

 src/components/wasmPlayer/wasm/player.js

@@ -173,6 +173,11 @@
  if (this.webglPlayer) this.webglPlayer.fullscreen()
}

Player.prototype.exitfullscreen = function() {
  if (this.webglPlayer) this.webglPlayer.exitfullscreen()
}


Player.prototype.startTrackTimer = function() {
  var This = this
  this.trackTimer = setInterval(function() {

 src/components/wasmPlayer/wasm/webgl.js

@@ -159,7 +159,7 @@
}

WebGLPlayer.prototype.fullscreen = function() {
  var canvas = this.canvas
  let canvas = this.canvas.parentNode.parentNode.parentNode
  if (canvas.RequestFullScreen) {
    canvas.RequestFullScreen()
  } else if (canvas.webkitRequestFullScreen) {