{"version":3,"sources":["webpack:///./src/project/Home/views/videoPlay.vue?032c","webpack:///./src/project/Home/api/env.js","webpack:///./src/project/Home/api/file.js","webpack:///src/project/Home/views/videoPlay.vue","webpack:///./src/project/Home/views/videoPlay.vue?88ed","webpack:///./src/project/Home/views/videoPlay.vue","webpack:///./src/project/Home/views/videoPlay.vue?f0c1"],"names":["apiUrl","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","videoOptions","staticRenderFns","fileUrl","fileTest","fileTestUrl","fileTestLocal","request","baseURL","url","method","withCredentials","require","Vue","use","VideoPlayer","props","sources","type","Object","default","required","data","value","playbackRates","autoplay","controls","muted","loop","preload","language","aspectRatio","fluid","src","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","watch","mounted","fileTestLocals","methods","getUrlKey","name","decodeURIComponent","RegExp","exec","location","href","replace","_this","b","then","response","code","getDownloadUrl","setTimeout","component"],"mappings":"kKAAA,ICCIA,EDDAC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACE,IAAI,cAAcC,YAAY,+BAA+BC,MAAM,CAAC,aAAc,EAAK,QAAUR,EAAIS,iBACpNC,EAAkB,G,mECGtBZ,EAAS,CACPa,QAAS,yCACTC,SAAU,4CCHZ,IAAMC,EAAcf,EAAOc,SAEpB,SAASE,IACZ,OAAOC,eAAQ,CACXC,QAASH,EACTI,IAAK,iBACLC,OAAO,MACPC,iBAAiB,ICHzBC,EAAA,QACAA,EAAA,QACAC,aAAAC,IAAAC,KAEe,OACfC,MAAA,CACAC,QAAA,CACAC,KAAAC,OACAC,QAAA,aACAC,UAAA,IAGAC,KAAA,WACA,OACAC,MAAA,EACAtB,aAAA,CACAuB,cAAA,aACAC,UAAA,EACAC,UAAA,EACAC,OAAA,EACAC,MAAA,EACAC,QAAA,OACAC,SAAA,QACAC,YAAA,OACAC,OAAA,EACAf,QAAA,EAAAC,KAAA,GAAAe,IAAA,KACAC,OAAA,GAEAC,oBAAA,4BACAC,WAAA,CACAC,aAAA,EACAC,iBAAA,EACAC,sBAAA,EACAC,kBAAA,MAMAC,MAAA,GAEAC,QAAA,WACA,KAAAC,kBAEAC,QAAA,CACAC,UAAA,SAAAC,GACA,OAAAC,oBAAA,IAAAC,OAAA,QAAAF,EAAA,uBAAAG,KAAAC,SAAAC,OAAA,UAAAC,QAAA,qBAEAT,eAAA,eAAAU,EAAA,KACAC,GAAA,EACAhD,IAAAiD,MAAA,SAAAC,GACA,GAAAA,EAAAC,OACAH,GAAA,EACAD,EAAA9B,MAAA,EACA8B,EAAAK,qBAGAC,YAAA,WACAL,IACAD,EAAA9B,MAAA,GAEA8B,EAAAK,mBACA,MAGAA,eAAA,WAEA,WAAAnC,MACA,IAAAd,EAAA,wEACA,WAAAc,MACAd,EAAA,8DAGA,KAAAR,aAAAgB,QAAA,GAAAgB,IAAAxB,EAAA,gBAAAoC,UAAA,UACA,KAAA5C,aAAAgB,QAAA,GAAAC,KAAA,eCjFgX,I,wBCQ5W0C,EAAY,eACd,EACArE,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAA0D,E,2CCnBf","file":"static/js/chunk-68f03282.91a18fd8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('video-player',{ref:\"videoPlayer\",staticClass:\"video-player vjs-custom-skin\",attrs:{\"playsinline\":true,\"options\":_vm.videoOptions}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// 定义全局api接口地址，用于接收根据当前环境判读后使用的api-url地址\nlet apiUrl\n\n// 判断环境变量\napiUrl = {\n  fileUrl: \"https://gateway.yingxiong.com/file-api\",\n  fileTest: \"https://local-gateway.yingxiong.com/file\",\n}\n\nexport {\n  apiUrl\n}\n","import request from '@Sys~/api/request'\nimport { apiUrl } from './env'\n\nconst fileTestUrl = apiUrl.fileTest\n\nexport function fileTestLocal(){\n    return request({\n        baseURL: fileTestUrl,\n        url: \"/api/file/test\",\n        method:'get',\n        withCredentials: false\n    })\n}\n\n","<template>\n  <video-player class=\"video-player vjs-custom-skin\" ref=\"videoPlayer\" :playsinline=\"true\" :options=\"videoOptions\" />\n</template>\n\n<script>\nimport Vue from 'vue'\nimport VideoPlayer from 'vue-video-player'\nrequire('video.js/dist/video-js.css')\nrequire('vue-video-player/src/custom-theme.css')\nVue.use(VideoPlayer)\nimport { fileTestLocal } from '@Home~/api/file'\nexport default {\n  props: {\n    sources: {\n      type: Object,\n      default: () => { },\n      required: true\n    }\n  },\n  data() {\n    return {\n      value: 1,\n      videoOptions: {\n        playbackRates: [0.5, 1.0, 1.5, 2.0], //可选择的播放速度\n        autoplay: false, //如果true,浏览器准备好时开始回放。\n        controls: true,\n        muted: false, // 默认情况下将会消除任何音频。\n        loop: false, // 视频一结束就重新开始。\n        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\n        language: 'zh-CN',\n        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\n        sources: [{ type: '', src: '' }], //this.sources,\n        poster: '', //this.poster, //你的封面地址\n        // width: document.documentElement.clientWidth,\n        notSupportedMessage: '仅支持MP4格式在线播放，其他格式请下载后自行播放', //允许覆盖Video.js无法播放媒体源时显示的默认信息。\n        controlBar: {\n          timeDivider: true,//当前时间和持续时间的分隔符\n          durationDisplay: true,//显示持续时间\n          remainingTimeDisplay: true,//是否显示剩余时间功能\n          fullscreenToggle: true  //全屏按钮\n        }\n      }\n    }\n  },\n\n  watch: {\n  },\n  mounted() {\n    this.fileTestLocals()\n  },\n  methods: {\n    getUrlKey(name) {\n      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, \"\"])[1].replace(/\\+/g, '%20')) || null\n    },\n    fileTestLocals() {\n      var b = true;\n      fileTestLocal().then(response => {\n        if (response.code == 1) {\n          b = false;\n          this.value = 1;\n          this.getDownloadUrl() // 获取下载地址\n        }\n      })\n      setTimeout(() => {\n        if (b) {\n          this.value = 2;\n        }\n        this.getDownloadUrl() // 获取下载地址\n      }, 150);\n    },\n    // 获取文件下载地址\n    getDownloadUrl() {\n      // videoPage/videoPlay?fileId=863232\n      if (this.value == 1) {\n        var url = \"https://local-gateway.yingxiong.com/file/api/file/loadFileBinary\" //process.env.VUE_APP_TITLE === 'production' ? \"https://local-gateway.yingxiong.com/file/api/file/loadFileBinary\" : \"https://local-gateway.yingxiong.com/testFile/api/file/loadFileBinary\"\n      } else if (this.value == 2) {\n        var url = \"https://nps-bdc.yingxiong.com/tfile/api/file/loadFileBinary\" //process.env.VUE_APP_TITLE === 'production' ? \"https://nps-bdc.yingxiong.com/tfile/api/file/loadFileBinary\" : \"https://nps-bdc.yingxiong.com/testGatewayFile/api/file/loadFileBinary\"\n      }\n\n      this.videoOptions.sources[0].src = url + \"?fileId=\" + this.getUrlKey(\"fileId\")\n      this.videoOptions.sources[0].type = 'video/mp4'\n\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.video-player {\n  width: auto;\n  height: auto;\n  position: relative;\n}\n::v-deep .video-js .vjs-big-play-button {\n  top: 50%;\n  left: 50%;\n  transform: translateY(-50%), translateX(-50%);\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlay.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./videoPlay.vue?vue&type=template&id=3e141b5d&scoped=true\"\nimport script from \"./videoPlay.vue?vue&type=script&lang=js\"\nexport * from \"./videoPlay.vue?vue&type=script&lang=js\"\nimport style0 from \"./videoPlay.vue?vue&type=style&index=0&id=3e141b5d&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3e141b5d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlay.vue?vue&type=style&index=0&id=3e141b5d&prod&lang=scss&scoped=true\""],"sourceRoot":""}