{"version":3,"sources":["webpack:///./src/views/industralApplication/ApplicationLive.vue?05a4","webpack:///./src/views/industralApplication/ApplicationLive.vue?2dec","webpack:///src/views/industralApplication/ApplicationLive.vue","webpack:///./src/views/industralApplication/ApplicationLive.vue?8059","webpack:///./src/views/industralApplication/ApplicationLive.vue","webpack:///./src/assets/images/liveBroadcast-bg.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","onBack","_v","_m","ref","attrs","_s","videoObj","videoName","videoDescribe","onMore","class","switchShow","_l","item","index","key","$event","onrecommend","imgUrl","staticRenderFns","name","components","data","videoUrl","playbackStatus","gtaVideo","videoUrlData","videoOptions","loop","controls","autoplay","preload","language","controlBar","playToggle","children","isFullscreen","playerOptions","playbackRates","muted","aspectRatio","fluid","sources","poster","notSupportedMessage","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle","tradeVideoResListAll","tradeVideoResList","computed","watch","created","getTradeVideoByVideoId","mounted","initVideo","methods","$nextTick","window","addEventListener","self","exitFullscreenHandler","fullScreenHandler","dispose","requestFullscreen","exitFullscreen","play","pause","videoId","result","isSuccess","length","val","$router","back","beforeCreate","beforeMount","beforeUpdate","updated","beforeDestroy","destroyed","activated","component","module","exports"],"mappings":"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","file":"js/chunk-186e35f3.2187c9f3.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationLive.vue?vue&type=style&index=0&id=23c10882&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationLive.vue?vue&type=style&index=0&id=23c10882&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ApplicationLive\"},[_c('gat-head',{staticClass:\"ApplicationLive-head\"}),_c('div',{staticClass:\"ApplicationLive-content\"},[_c('div',{staticClass:\"backButton el-icon-arrow-left\",on:{\"click\":_vm.onBack}},[_vm._v(\"返回\")]),_vm._m(0),_c('div',{staticClass:\"ApplicationLive-Interface\"},[_c('div',{staticClass:\"ApplicationLive-video\"},[_c('video',{ref:\"videoPlayer\",staticClass:\"video-js vjs-custom-skin video-media  vjs-big-play-centered vjs-fluid\",attrs:{\"id\":\"myVideo\",\"width\":\"100%\",\"height\":\"100%\"}})]),_c('div',{staticClass:\"ApplicationLive-Introduction\"},[_c('div',{staticClass:\"Introduction-title\"},[_vm._v(_vm._s(_vm.videoObj.videoName))]),_c('div',{staticClass:\"Introduction-text\"},[_vm._v(\" 简介：\"+_vm._s(_vm.videoObj.videoDescribe)+\" \")])]),_c('div',{staticClass:\"ApplicationLive-recommend\"},[_c('div',{staticClass:\"recommend-head\"},[_c('span',{staticClass:\"recommend-head-left\"},[_vm._v(\"热门推荐\")]),_c('span',{staticClass:\"recommend-head-right\",on:{\"click\":_vm.onMore}},[_vm._v(\" 更多 \"),_c('i',{class:[\n                  _vm.switchShow ? 'el-icon-arrow-down' : 'el-icon-arrow-right' ]})])]),_c('div',{staticClass:\"recommend-content\"},_vm._l((_vm.tradeVideoResList),function(item,index){return _c('div',{key:index,staticClass:\"recommend-content-list\",on:{\"click\":function($event){return _vm.onrecommend(item)}}},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(item.videoName))])])}),0)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ApplicationLive-bg\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/liveBroadcast-bg.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<!--\n采用video.js播放器\n参考：\nhttps://github.com/ShmilyLin/video.js.zh-cn\nhttps://docs.videojs.com/player#\n-->\n\n<!-- 行业应用 -->\n<template>\n  <div class=\"ApplicationLive\">\n    <!-- 头部 -->\n    <gat-head class=\"ApplicationLive-head\"></gat-head>\n    <div class=\"ApplicationLive-content\">\n      <div class=\"backButton el-icon-arrow-left\" @click=\"onBack\">返回</div>\n      <div class=\"ApplicationLive-bg\">\n        <img src=\"../../assets/images/liveBroadcast-bg.png\" alt=\"\" />\n      </div>\n      <div class=\"ApplicationLive-Interface\">\n        <div class=\"ApplicationLive-video\">\n          <!-- <video-player\n            class=\"video-player vjs-custom-skin video-media\"\n            ref=\"videoPlayer\"\n            :playsinline=\"true\"\n            :options=\"playerOptions\"\n          ></video-player> -->\n          <video\n            id=\"myVideo\"\n            class=\"video-js vjs-custom-skin video-media  vjs-big-play-centered vjs-fluid\"\n            ref=\"videoPlayer\"\n            width=\"100%\"\n            height=\"100%\"\n          >\n<!--            <source type=\"video/mp4\" :src=\"videoUrl\" />-->\n          </video>\n        </div>\n        <div class=\"ApplicationLive-Introduction\">\n          <div class=\"Introduction-title\">{{ videoObj.videoName }}</div>\n          <div class=\"Introduction-text\">\n            简介：{{ videoObj.videoDescribe }}\n          </div>\n        </div>\n        <div class=\"ApplicationLive-recommend\">\n          <div class=\"recommend-head\">\n            <span class=\"recommend-head-left\">热门推荐</span>\n            <span class=\"recommend-head-right\" @click=\"onMore\">\n              更多\n              <i\n                :class=\"[\n                  switchShow ? 'el-icon-arrow-down' : 'el-icon-arrow-right',\n                ]\"\n              ></i>\n            </span>\n          </div>\n          <div class=\"recommend-content\">\n            <div\n              class=\"recommend-content-list\"\n              v-for=\"(item, index) in tradeVideoResList\"\n              :key=\"index\"\n              @click=\"onrecommend(item)\"\n            >\n              <img :src=\"item.imgUrl\" alt=\"\" />\n              <p>{{ item.videoName }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport APPLICATION from '@/axios/Application/Application.js'\nexport default {\n  name: 'ApplicationLive',\n  components: {},\n  data() {\n    return {\n      videoUrl: '',\n      playbackStatus: false, // true-为播放完毕\n      gtaVideo: null, //video.js 实例化对象\n      videoUrlData: {\n        videoUrl: ''\n      },\n      videoOptions: {\n        //video.js参数配置\n        loop : true, // 循环播放\n        controls: true, // true：视频操作区显示\n        autoplay: true, //自动播放属性,muted:静音播放\n        preload: 'auto', //建议浏览器是否应在<video>加载元素后立即开始下载视频数据\n        // width: \"800px\", //设置视频播放器的显示宽度（以像素为单位）\n        // height: \"400px\", //设置视频播放器的显示高度（以像素为单位）\n        language: 'zh-CN', // 设置语言\n        controlBar: {\n          playToggle: true,\n          /* 使用children的形式可以控制每一个控件的位置，以及显示与否 */\n          children: [\n            {\n              // 播放按钮\n              name: 'playToggle',\n            },\n            {\n              // 当前播放时间\n              name: 'currentTimeDisplay',\n            },\n            {\n              // 总时间\n              name: 'durationDisplay',\n            },\n            {\n              // 播放进度条\n              name: 'progressControl',\n            },\n            {\n              // 倍数播放\n              name: 'playbackRateMenuButton',\n              playbackRates: [0.5, 1, 1.5, 2],\n            },\n            {\n              // 音量控制\n              name: 'volumePanel',\n              inline: false, // 不使用水平方式\n            },\n            {\n              // 全屏\n              name: 'FullscreenToggle',\n            },{\n              // 按下\n              text: 'press',\n            },\n          ],\n        },\n        isFullscreen: true,\n      },\n      // 视频播放\n      playerOptions: {\n        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度\n        autoplay: false, //如果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: [\n          {\n            type: '',\n            src: 'http://vjs.zencdn.net/v/oceans.mp4', //url地址\n          },\n        ],\n        poster: '', //你的封面地址\n        // width: document.documentElement.clientWidth,\n        notSupportedMessage: '此视频暂无法播放，请稍后再试', //允许覆盖Video.js无法播放媒体源时显示的默认信息。\n        controlBar: {\n          timeDivider: true,\n          durationDisplay: true,\n          remainingTimeDisplay: false,\n          fullscreenToggle: true, //全屏按钮\n        },\n      },\n      videoObj: {},\n      tradeVideoResListAll: [],\n      tradeVideoResList: [],\n      switchShow: false,\n    }\n  },\n  //监听属性 类似于data概念\n  computed: {},\n  //监控data中的数据变化\n  watch: {},\n  //生命周期 - 创建完成（可以访问当前this实例）\n  created() {\n    this.getTradeVideoByVideoId()\n  },\n  //生命周期 - 挂载完成（可以访问DOM元素）\n  mounted() {\n    this.initVideo() //初始化\n  },\n  methods: {\n    initVideo() {\n      //页面dom元素渲染完毕，执行回调里面的方法\n      let self = this\n      this.$nextTick(() => {\n        this.gtaVideo = this.$video(\n          document.getElementById('myVideo'),\n          this.videoOptions\n        )\n\n        //监听window 双击事件\n        window.addEventListener('dblclick', function() {\n          if (self.gtaVideo.isFullscreen()) {\n            self.exitFullscreenHandler()\n          } else {\n            self.fullScreenHandler()\n          }\n        })\n\n        // self.fullScreenHandler()\n        // 钩子：监听播放\n        this.gtaVideo.on('play', function() {\n          self.playbackStatus = false\n        })\n        // 钩子：监听结束\n        this.gtaVideo.on('ended', function() {\n          self.playbackStatus = true\n          //退出全屏\n          if (self.gtaVideo.isFullscreen()) {\n            self.exitFullscreenHandler()\n          }\n        })\n        // 钩子：监听隐藏\n        this.gtaVideo.on('hide', function() {\n          self.gtaVideo.dispose()\n        })\n      })\n    },\n    // 全屏\n    fullScreenHandler() {\n      this.gtaVideo.requestFullscreen()\n    },\n    // 退出全屏\n    exitFullscreenHandler() {\n      this.gtaVideo.exitFullscreen()\n    },\n    // 播放\n    play() {\n      this.gtaVideo.play()\n    },\n    // 暂停\n    pause() {\n      this.gtaVideo.pause()\n    },\n    getTradeVideoByVideoId(Id) {\n      let videoId = Id || this.$route.query.videoId\n      let data = {\n        videoId: videoId,\n      }\n      APPLICATION.getTradeVideoByVideoId(data).then((result) => {\n        if (result.isSuccess) {\n          this.videoObj = result.data\n          this.playerOptions.sources[0].src = this.videoObj.videoUrl\n          this.videoUrl = result.data.videoUrl\n          this.gtaVideo.src(result.data.videoUrl);\n          this.gtaVideo.load(result.data.videoUrl);\n          this.tradeVideoResListAll = result.data.tradeVideoResList\n          if (result.data && result.data.tradeVideoResList.length > 0 && this.switchShow) {\n            this.tradeVideoResList = result.data.tradeVideoResList\n          } else {\n            this.tradeVideoResList = result.data.tradeVideoResList.slice(0, 4)\n          }\n        }\n      })\n    },\n    onMore() {\n      this.switchShow = !this.switchShow\n      this.switchShow === true\n        ? (this.tradeVideoResList = this.tradeVideoResListAll)\n        : (this.tradeVideoResList = this.tradeVideoResListAll.slice(0, 4))\n    },\n    onrecommend(val) {\n      this.videoObj = val\n      this.videoUrl =\"\";\n      this.getTradeVideoByVideoId(val.videoId)\n    },\n    onBack() {\n      this.$router.back()\n    },\n  },\n  beforeCreate() {}, //生命周期 - 创建之前\n  beforeMount() {}, //生命周期 - 挂载之前\n  beforeUpdate() {}, //生命周期 - 更新之前\n  updated() {}, //生命周期 - 更新之后\n  beforeDestroy() {\n\n  }, //生命周期 - 销毁之前\n  destroyed() {\n        this.gtaVideo.dispose()\n  }, //生命周期 - 销毁完成\n  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发\n}\n</script>\n<style lang=\"scss\" scoped>\ndiv {\n  box-sizing: border-box;\n}\n.ApplicationLive {\n  width: 100%;\n  min-height: 100%;\n  background-color: #f2f5fc;\n  background-size: cover;\n  background-position: center;\n  color: $font_color_1st;\n  padding-top: 80px;\n  .ApplicationLive-content {\n    position: relative;\n\n    // .video-js .my-image {\n    //   width: 40px;\n    //   background: url(\"../../assets/images/icon_watch.png\") center center no-repeat;\n    // }\n\n    .backButton {\n      position: absolute;\n      top: 20px;\n      left: 30px;\n      font-size: 18px;\n      // cursor: default;\n      cursor: pointer;\n    }\n    .ApplicationLive-bg {\n      img {\n        width: 100%;\n        height: 500px;\n      }\n    }\n    .ApplicationLive-Interface {\n      width: 1200px;\n      height: 100%;\n      margin: auto;\n      // margin-top: -420px;\n      margin-top: calc(10vh - 520px);\n      // position: absolute;\n      // top: 10vh;\n      // left: 50%;\n      // margin-left: -600px;\n      .ApplicationLive-video {\n        width: 1200px;\n        // height: 675px;\n        height: 72vh;\n        border-radius: 20px;\n        overflow: hidden;\n\n        .video-media {\n          height: 72.2vh;\n        }\n        /deep/.vjs-fluid {\n          padding-top: 0;\n        }\n        /deep/.vjs-custom-skin > .video-js {\n          height: 72.2vh;\n          .vjs-big-play-button {\n            height: 35vh;\n          }\n        }\n        /deep/.vjs-custom-skin > .video-js .vjs-big-play-button {\n          top: 35vh;\n        }\n        // 全屏\n        /deep/.vjs-fullscreen {\n          height: 100vh;\n          // /deep/.vjs-custom-skin > .video-js .vjs-big-play-button {\n          //   top: 50vh;\n          // }\n        }\n\n        /deep/.video-js .vjs-progress-control .vjs-progress-holder {\n          font-size: 1.6666666667em;\n        }\n\n        /deep/.vjs-slider-vertical .vjs-volume-level:before {\n          left: -0.46em;\n        }\n      }\n      .ApplicationLive-Introduction {\n        margin: 35px 0 92px;\n        .Introduction-title {\n          height: 25px;\n          font-size: 24px;\n          font-family: Microsoft YaHei;\n          font-weight: bold;\n          color: #333333;\n          // line-height: 20px;\n          margin-bottom: 22px;\n        }\n        .Introduction-text {\n          // height: 60px;\n          font-size: 16px;\n          font-family: Microsoft YaHei;\n          color: #333333;\n          // line-height: 22px;\n        }\n      }\n      .ApplicationLive-recommend {\n        .recommend-head {\n          display: flex;\n          justify-content: space-between;\n          margin-bottom: 20px;\n          .recommend-head-left {\n            height: 18px;\n            font-size: 18px;\n            font-family: Microsoft YaHei;\n            color: #333333;\n            line-height: 18px;\n            float: left;\n            border-left: 4px solid #4c88ff;\n            padding-left: 11px;\n          }\n          .recommend-head-right {\n            height: 12px;\n            font-size: 14px;\n            font-family: Microsoft YaHei;\n            color: #333333;\n            line-height: 20px;\n            &:hover {\n              cursor: pointer;\n            }\n          }\n        }\n        .recommend-content {\n          height: 100%;\n          display: flex;\n          // justify-content: space-between;\n          flex-wrap: wrap;\n          padding-bottom: 112px;\n          .recommend-content-list {\n            width: 282px;\n            height: 260px;\n            background: #ffffff;\n            border: 1px solid #dfe6f4;\n            box-shadow: 0px 4px 10px 0px rgba(109, 113, 171, 0.1);\n            border-radius: 4px;\n            margin-bottom: 20px;\n            margin-right: 24px;\n            cursor: pointer;\n            img {\n              width: 100%;\n              height: 180px;\n            }\n            p {\n              height: 21px;\n              font-size: 20px;\n              font-family: Microsoft YaHei;\n              font-weight: bold;\n              color: #333333;\n              // line-height: 28px;\n              margin: 20px 0 0 15px;\n            }\n          }\n          .recommend-content-list:nth-child(4n + 0) {\n            margin-right: 0px;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\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!./ApplicationLive.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!./ApplicationLive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplicationLive.vue?vue&type=template&id=23c10882&scoped=true&\"\nimport script from \"./ApplicationLive.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplicationLive.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApplicationLive.vue?vue&type=style&index=0&id=23c10882&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  \"23c10882\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/liveBroadcast-bg.8f6bd10e.png\";"],"sourceRoot":""}