{"version":3,"sources":["webpack:///./src/views/channelDetail.vue?c6ed","webpack:///src/views/channelDetail.vue","webpack:///./src/views/channelDetail.vue?9bde","webpack:///./src/views/channelDetail.vue","webpack:///./src/assets/img/CDboxwelcome.png","webpack:///./src/assets/img/liveError.png","webpack:///./src/views/channelDetail.vue?abc4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","playPath","_v","_s","params","passagewayName","staticRenderFns","data","videoError","passagewayType","passagewayState","hlsPlayPath","pullPath","computed","playsinline","ua","navigator","userAgent","toLocaleLowerCase","match","mounted","console","log","$route","query","id","api","getRem","window","onresize","methods","html","style","fontSize","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAAEN,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAA+B,IAAM,QAAQH,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAC,IAAMP,EAAIQ,SAAS,SAAW,GAAG,SAAW,MAAMJ,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,OAAOC,mBAAoBZ,EAAc,WAAEI,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,SAASL,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIS,GAAG,SAASL,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAM,EAAQ,cACrnBM,EAAkB,G,0DCetB,GACEC,KADF,WAEI,MAAO,CACLC,YAAY,EACZJ,OAAQ,CACNC,eAAgB,GAChBI,eAAgB,GAChBC,gBAAiB,GACjBC,YAAa,GACbC,SAAU,MAIhBC,SAAU,OAAZ,OAAY,CAAZ,GACA,+BADA,CAEIC,YAFJ,WAGM,IAAIC,EAAKC,UAAUC,UAAUC,oBAE7B,OAAmC,MAA/BH,EAAGI,MAAM,oBAAsD,MAAxBJ,EAAGI,MAAM,aAOtDlB,SAZJ,WAaM,OAAIP,KAAKU,OAAOK,eAEPf,KAAKU,OAAOO,eAOzBS,QAnCF,WAmCA,WACIC,QAAQC,IAAI5B,KAAK6B,OAAOC,MAAMC,IAC1B/B,KAAK6B,OAAOC,MAAMC,GACpBC,EAAN,KACA,sBACA,kBAAQ,IAAR,SACQ,GAAR,aACU,IAAV,kBACY,IAAZ,gBACA,OACgB,EAAhB,qBAIA,4BACY,EAAZ,mBAIA,kBACQ,EAAR,iBAGMhC,KAAKc,YAAa,EAEpBd,KAAKiC,OAAO,IAAK,KACjBC,OAAOC,SAAW,WAChB,EAAN,kBAGEC,QAAS,CACPH,OADJ,SACA,KACM,IAAN,2CACA,EACA,gEACMI,EAAKC,MAAMC,SAAW,EAA5B,YCtFuV,I,wBCQnVC,EAAY,eACd,EACA1C,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E,gCCnBfC,EAAOC,QAAU,IAA0B,iC,uBCA3CD,EAAOC,QAAU,IAA0B,8B,6DCA3C,yBAA4e,EAAG","file":"js/chunk-695e09f2.8c3beee6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"CD-box\"},[(_vm.videoError)?_c('div',{staticClass:\"CD-box-video-err\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/liveError.png\"),\"alt\":\"\"}})]):_c('video',{staticClass:\"CD-box-video\",attrs:{\"src\":_vm.playPath,\"autoplay\":\"\",\"controls\":\"\"}}),_c('p',{staticClass:\"CD-box-title\"},[_vm._v(_vm._s(_vm.params.passagewayName))]),(_vm.videoError)?_c('span',{staticClass:\"CD-box-tag-error\"},[_vm._v(\"无信号\")]):_c('span',{staticClass:\"CD-box-tag\"},[_vm._v(\"直播中\")]),_c('img',{staticClass:\"CD-box-welcome\",attrs:{\"src\":require(\"../assets/img/CDboxwelcome.png\")}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"CD-box\">\r\n    <div v-if=\"videoError\" class=\"CD-box-video-err\">\r\n      <img src=\"../assets/img/liveError.png\" alt=\"\" />\r\n    </div>\r\n    <video :src=\"playPath\" v-else class=\"CD-box-video\" autoplay controls></video>\r\n    <p class=\"CD-box-title\">{{ params.passagewayName }}</p>\r\n    <span class=\"CD-box-tag-error\" v-if=\"videoError\">无信号</span>\r\n    <span class=\"CD-box-tag\" v-else>直播中</span>\r\n    <img src=\"../assets/img/CDboxwelcome.png\" class=\"CD-box-welcome\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as api from \"@/api/api\";\r\nimport { mapState, mapMutations } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoError: false,\r\n      params: {\r\n        passagewayName: \"\",\r\n        passagewayType: \"\",\r\n        passagewayState: \"\",\r\n        hlsPlayPath: \"\",\r\n        pullPath: \"\",\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState([\"inWX\", \"IOS\"]),\r\n    playsinline() {\r\n      var ua = navigator.userAgent.toLocaleLowerCase();\r\n      //x5内核\r\n      if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {\r\n        return false;\r\n      } else {\r\n        //ios端\r\n        return true;\r\n      }\r\n    },\r\n    playPath() {\r\n      if (this.params.passagewayType == 1) {\r\n        //推流\r\n        return this.params.hlsPlayPath;\r\n      } else {\r\n        //拉流\r\n        return this.params.hlsPlayPath;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    console.log(this.$route.query.id);\r\n    if (this.$route.query.id) {\r\n      api\r\n        .getChannelForId(this.$route.query.id)\r\n        .then(({ data }) => {\r\n          if (data.status == 0) {\r\n            for (const key in this.params) {\r\n              for (const key2 in data.data) {\r\n                if (key == key2) {\r\n                  this.params[key] = data.data[key2];\r\n                }\r\n              }\r\n            }\r\n            if (data.data.passagewayState == 3) {\r\n              this.videoError = true;\r\n            }\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.videoError = true;\r\n        });\r\n    } else {\r\n      this.videoError = true;\r\n    }\r\n    this.getRem(750, 100);\r\n    window.onresize = () => {\r\n      this.getRem(750, 100);\r\n    };\r\n  },\r\n  methods: {\r\n    getRem(pwidth, prem) {\r\n      let html = document.getElementsByTagName(\"html\")[0];\r\n      let oWidth =\r\n        document.body.clientWidth || document.documentElement.clientWidth;\r\n      html.style.fontSize = (oWidth / pwidth) * prem + \"px\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.CD-box {\r\n  overflow: hidden;\r\n}\r\n.CD-box .CD-box-video {\r\n  width: 100%;\r\n  background-color: #000;\r\n  height: 5.1rem;\r\n  display: block;\r\n}\r\n.CD-box .CD-box-video-err {\r\n  width: 100%;\r\n  background-color: #000;\r\n  height: 5.1rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.CD-box .CD-box-video-err img {\r\n  display: block;\r\n  width: 1.4rem;\r\n}\r\n.CD-box .CD-box-title {\r\n  padding: 0 0.3rem;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  color: #333;\r\n  font-size: 0.36rem;\r\n  height: 0.4rem;\r\n  line-height: 0.4rem;\r\n  margin-top: 0.3rem;\r\n  margin-bottom: 0.2rem;\r\n}\r\n.CD-box .CD-box-tag {\r\n  width: 0.87rem;\r\n  height: 0.35rem;\r\n  border-radius: 0.04rem;\r\n  background-color: #df182b;\r\n  color: #fff;\r\n  font-size: 0.24rem;\r\n  text-align: center;\r\n  line-height: 0.35rem;\r\n  display: block;\r\n  margin-left: 0.3rem;\r\n}\r\n.CD-box .CD-box-tag-error {\r\n  width: 0.87rem;\r\n  height: 0.35rem;\r\n  border-radius: 0.04rem;\r\n  background-color: #a3a4ac;\r\n  color: #fff;\r\n  font-size: 0.24rem;\r\n  text-align: center;\r\n  line-height: 0.35rem;\r\n  display: block;\r\n  margin-left: 0.3rem;\r\n}\r\n.CD-box .CD-box-welcome {\r\n  display: block;\r\n  width: 6rem;\r\n  margin: 0 auto;\r\n}\r\n</style>\r\n","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!./channelDetail.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!./channelDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./channelDetail.vue?vue&type=template&id=6a7d345c&scoped=true&\"\nimport script from \"./channelDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./channelDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./channelDetail.vue?vue&type=style&index=0&id=6a7d345c&scoped=true&lang=css&\"\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  \"6a7d345c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/CDboxwelcome.4329d6d0.png\";","module.exports = __webpack_public_path__ + \"img/liveError.c8e7d10c.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./channelDetail.vue?vue&type=style&index=0&id=6a7d345c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./channelDetail.vue?vue&type=style&index=0&id=6a7d345c&scoped=true&lang=css&\""],"sourceRoot":""}