{"version":3,"sources":["webpack:///./src/views/5gVideo/shopLiveReplayDetail.vue?666c","webpack:///./src/components/getShopInfo/index.vue","webpack:///src/components/getShopInfo/index.vue","webpack:///./src/components/getShopInfo/index.vue?c906","webpack:///./src/components/getShopInfo/index.vue?d9ae","webpack:///./src/views/5gVideo/shopLiveReplayDetail.vue","webpack:///src/views/5gVideo/shopLiveReplayDetail.vue","webpack:///./src/views/5gVideo/shopLiveReplayDetail.vue?cc73","webpack:///./src/views/5gVideo/shopLiveReplayDetail.vue?3f83"],"names":["render","_vm","this","_c","_self","staticRenderFns","props","title","required","data","name","tit","watch","handler","newData","oldData","titleChange","deep","immediate","created","$route","query","shopId","getShopInfo","methods","req","introduce","then","res","code","shopName","document","component","staticClass","attrs","on","goMore","_v","components","GetShopInfo","player","playerConfig","id","width","height","computed","mapGetters","vid","getVideoFiles","getVideoFileByVid","videoName","origurl","cover","coverPhotoUrl","checkQiNiuUrl","initPlayer","url","poster","body","clientHeight","Player","$router","push","tab","beforeDestroy","destroy"],"mappings":"kHAAA,W,kCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAElEE,EAAkB,G,YCMP,GACfC,MAAA,CACAC,MAAA,CACAC,UAAA,IAGAC,OACA,OACAC,KAAA,GACAC,IAAA,KAGAC,MAAA,CACAL,MAAA,CACAM,QAAAC,EAAAC,GACAD,IACA,KAAAH,IAAAG,EACA,KAAAE,gBAGAC,MAAA,EACAC,WAAA,IAGAC,UACA,KAAAC,OAAAC,MAAAC,QACA,KAAAC,eAGAC,QAAA,CAEAD,cACA,IAAAE,EAAA,CAAAH,OAAA,KAAAF,OAAAC,MAAAC,QACAI,eAAAD,GAAAE,KAAAC,IACA,MAAAA,EAAAC,OACA,KAAAnB,KAAAkB,EAAAnB,KAAAqB,SACA,KAAApB,OACA,KAAAA,MAAA,OAEA,KAAAM,kBAIAA,cACAe,SAAAxB,MAAA,KAAAG,KAAA,KAAAC,OCpD6V,I,YCOzVqB,EAAY,eACd,EACAhC,EACAK,GACA,EACA,KACA,WACA,MAIa,OAAA2B,E,kDClBf,IAAIhC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAC8B,YAAY,gBAAgB,CAAC9B,EAAG,MAAM,CAAC8B,YAAY,WAAWC,MAAM,CAAC,GAAK,cAAc/B,EAAG,MAAM,CAAC8B,YAAY,aAAaE,GAAG,CAAC,MAAQlC,EAAImC,SAAS,CAACjC,EAAG,OAAO,CAACF,EAAIoC,GAAG,gBAAgBlC,EAAG,gBAAgB,CAAC+B,MAAM,CAAC,MAAQ,WAAW,IAE9S7B,EAAkB,G,oCCcP,GACfiC,WAAA,CACAC,oBAEA9B,OACA,OACA+B,OAAA,KACAC,aAAA,CACAC,GAAA,WACAC,MAAA,OACAC,OAAA,OACA,eACA,eACA,0BACA,mBACA,+BAMAC,SAAA,IACAC,eAAA,KAIAlC,MAAA,GAGAO,UACA,KAAAC,OAAAC,MAAA0B,KACA,KAAAC,iBAGAxB,QAAA,CACAwB,gBACAC,eAAA,CAAAF,IAAA,KAAA3B,OAAAC,MAAA0B,MAAApB,KAAAC,IACA,SAAAA,EAAAC,OACAE,SAAAxB,MAAAqB,EAAAnB,KAAAyC,UACAtB,EAAAnB,KAAA0C,SAAA,CACA,IAAAC,EAAAxB,EAAAnB,KAAA4C,cAAA,KAAAC,cAAA1B,EAAAnB,KAAA4C,eAAA,GACA,KAAAE,WAAA3B,EAAAnB,KAAA0C,QAAAC,OAQAG,WAAAC,EAAAC,GACA,KAAAhB,aAAA,IACA,KAAAA,aACAe,MACAC,SACAb,OAAAb,SAAA2B,KAAAC,aAAA,IAEA,KAAAnB,OAAA,IAAAoB,OAAA,KAAAnB,eAKAL,SACA,KAAAyB,QAAAC,KAAA,CAAApD,KAAA,SAAAW,MAAA,CAAAC,OAAA,KAAAF,OAAAC,MAAAC,OAAAyC,IAAA,SAGAC,gBACA,KAAAxB,QAAA,yBAAAA,OAAAyB,SAAA,KAAAzB,OAAAyB,YClF4W,I,wBCQxWjC,EAAY,eACd,EACAhC,EACAK,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"js/chunk-2c76eaac.47eaef12.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shopLiveReplayDetail.vue?vue&type=style&index=0&id=97cbffea&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { introduce } from '@/api/mall/mallShop'\r\nexport default {\r\n  props: {\r\n    title: {\r\n      required: false,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      name: '',\r\n      tit: '',\r\n    }\r\n  },\r\n  watch: {\r\n    title: {\r\n      handler(newData, oldData) {\r\n        if(newData){\r\n          this.tit = newData\r\n          this.titleChange()\r\n        }\r\n      },\r\n      deep:true,\r\n      immediate: true\r\n    },\r\n  },\r\n  created() {\r\n    if(this.$route.query.shopId){\r\n      this.getShopInfo()\r\n    }\r\n  },\r\n  methods: {\r\n    // 获取店铺信息\r\n    getShopInfo(){\r\n      let req = {shopId: this.$route.query.shopId}\r\n      introduce(req).then(res=>{\r\n        if(res.code===200){\r\n          this.name = res.data.shopName\r\n          if(this.name){\r\n            this.name += ' - '\r\n          }\r\n          this.titleChange()\r\n        }\r\n      })\r\n    },\r\n    titleChange(){\r\n      document.title = this.name + this.tit\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5a5aff73&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\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  \"5a5aff73\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video-relook\"},[_c('div',{staticClass:\"xgPlayer\",attrs:{\"id\":\"xgPlayer\"}}),_c('div',{staticClass:\"button-con\",on:{\"click\":_vm.goMore}},[_c('span',[_vm._v(\"查看更多精彩内容\")])]),_c('get-shop-info',{attrs:{\"title\":'直播回放'}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video-relook\">\r\n    <div id=\"xgPlayer\" class=\"xgPlayer\"></div>\r\n\r\n    <div class=\"button-con\" @click=\"goMore\">\r\n      <span>查看更多精彩内容</span>\r\n    </div>\r\n\r\n    <get-shop-info :title=\"'直播回放'\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getVideoFileByVid } from '@/api/im'\r\nimport GetShopInfo from '@/components/getShopInfo'\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  components: {\r\n    GetShopInfo,\r\n  },\r\n  data(){\r\n    return {\r\n      player: null,//播放器实例\r\n      playerConfig: {\r\n        id: \"xgPlayer\",\r\n        width: '100%',\r\n        height: '100%',\r\n        \"playsinline\": false, // 内联模式(微信播放器)\r\n        \"whitelist\": [\"\"],\r\n        \"playbackRate\": [0.5, 1, 1.5, 2],\r\n        \"closeVideoTouch\": true,\r\n        \"x5-video-player-type\": \"h5\", // 微信同层播放: h5\r\n        // \"x5-video-player-fullscreen\": \"true\", // 微信全屏播放： true  false\r\n        // \"x5-video-orientation\": \"portraint\", //微信横竖屏控制：横屏 landscape, 竖屏 portraint\r\n      },\r\n    }\r\n  },\r\n  computed:{\r\n    ...mapGetters([\r\n\r\n    ]),\r\n  },\r\n  watch: {\r\n\r\n  },\r\n  created(){\r\n    if(this.$route.query.vid){\r\n      this.getVideoFiles()\r\n    }\r\n  },\r\n  methods:{\r\n    getVideoFiles(){\r\n      getVideoFileByVid({vid: this.$route.query.vid}).then(res=>{\r\n        if(res.code===200){\r\n          document.title = res.data.videoName\r\n          if(res.data.origurl){\r\n            let cover = res.data.coverPhotoUrl ? this.checkQiNiuUrl(res.data.coverPhotoUrl) : '';\r\n            this.initPlayer(res.data.origurl, cover)\r\n          }\r\n        }\r\n      })\r\n    },\r\n\r\n\r\n    // 初始化播放器\r\n    initPlayer(url, poster){\r\n      this.playerConfig = {\r\n        ...this.playerConfig,\r\n        url,\r\n        poster,\r\n        height: document.body.clientHeight-40,\r\n      };\r\n      this.player = new Player(this.playerConfig);\r\n      // this.player = new HlsJsPlayer(this.playerConfig);\r\n      // this.player = new FlvJsPlayer(this.playerConfig);\r\n    },\r\n\r\n    goMore(){\r\n      this.$router.push({name: '5gLive', query: {shopId: this.$route.query.shopId, tab: '2'}})\r\n    },\r\n  },\r\n  beforeDestroy(){\r\n    this.player && typeof this.player.destroy === 'function' && this.player.destroy();\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.video-relook{\r\n  position: absolute;z-index: 1;\r\n  width: 100%;height: 100%;\r\n  top: 0;left: 0;bottom: 0;\r\n\r\n  .button-con{\r\n    display: flex;justify-content: center;align-items: center;\r\n    height: 40px;user-select: none;\r\n    position: absolute;bottom: 0;left: 0;right: 0;\r\n    background-color: #02C801;\r\n    color: #fff;\r\n    font-size: 15px;\r\n  }\r\n}\r\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!./shopLiveReplayDetail.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!./shopLiveReplayDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./shopLiveReplayDetail.vue?vue&type=template&id=97cbffea&scoped=true\"\nimport script from \"./shopLiveReplayDetail.vue?vue&type=script&lang=js\"\nexport * from \"./shopLiveReplayDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./shopLiveReplayDetail.vue?vue&type=style&index=0&id=97cbffea&prod&lang=less&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  \"97cbffea\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}