{"version":3,"sources":["webpack:///./src/components/cc-video-viewer.vue?1824","webpack:///src/components/cc-video-viewer.vue","webpack:///./src/components/cc-video-viewer.vue?3a00","webpack:///./src/components/cc-video-viewer.vue","webpack:///./src/views/courseware-medias-view.vue?9d29","webpack:///src/views/courseware-medias-view.vue","webpack:///./src/views/courseware-medias-view.vue?745f","webpack:///./src/views/courseware-medias-view.vue","webpack:///./src/components/cc-video-viewer.vue?2ad9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","_v","_s","name","_e","staticRenderFns","props","cfg","watch","val","old","data","movieUrl","methods","destroyVideo","window","setTimeout","ele","init","self","document","s","movie","beforeDestroy","beforeMount","videoObjBuffer","currentVid","mounted","component","items","length","_l","c","idx","key","on","$event","onItemClick","class","index","components","CcVideoViewer","i","created"],"mappings":"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","file":"js/chunk-7c8dddce.faff1f5d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"px-0 py-0 cc-video-viewer\",attrs:{\"fluid\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"350px\"},attrs:{\"id\":\"video-container\"}}),(_vm.name)?_c('p',[_vm._v(_vm._s(_vm.name))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"px-0 py-0 cc-video-viewer\">\n    <div\n      id=\"video-container\"\n      style=\"width:100%;height:350px;\"\n    >\n    </div>\n    <p v-if=\"name\">{{name}}</p>\n  </v-container>\n</template>\n\n<script>\n  export default {\n    name: \"cc-video-viewer\",\n    props: {\n      cfg: Object\n    },\n    watch: {\n      cfg(val, old) {\n        if (val.movieUrl) {\n          if (!(old.movieUrl && old.movieUrl.ccvid == val.movieUrl.ccvid)) {\n            this.init();\n          }\n        }\n      }\n    },\n    data() {\n      return {\n        movieUrl: null,\n        name: null\n      };\n    },\n    methods: {\n      destroyVideo() {\n        if(window.cc_js_Player) {\n          window.cc_js_Player.destroy()\n        }\n        if(window.videoManager && window.videoManager.videoObjBuffer.length) {\n          setTimeout(() => {\n            window.videoManager.videoObjBuffer.forEach(ele => {\n              ele.videoElement.pause()\n            })\n          }, 500)\n        }\n      },\n      init() {\n        let self = this,\n          cfg = self.cfg;\n        self.destroyVideo()\n        if (cfg && cfg.movieUrl) {\n          let movie = cfg.movieUrl\n          window.videoManager.currentVid = movie.ccvid\n          /* 载入视频 */\n          document.getElementById('video-container').innerHTML = ''\n          let s = document.createElement('script')\n          s.src = 'https://p.bokecc.com/player?' +\n            'vid=' + movie.ccvid +\n            '&siteid=' + movie.ccSiteId +\n            '&autoStart=true' +\n            '&width=100%' +\n            '&height=100%' +\n            '&playtype=1' +\n            '&newversion=true'\n          s.type = 'text/javascript'\n          document.getElementById('video-container').appendChild(s)\n        }\n      }\n    },\n    beforeDestroy() {\n\t\t\tif(window.cc_js_Player) {\n\t\t\t\twindow.cc_js_Player.destroy()\n\t\t\t}\n\t\t},\n    beforeMount() {\n      /*\n       * TODO：应对视频销毁失败，如不使用cc提供的创建方法（需写死js文件）做的兼容处理\n       * 每次初始化，增加一个video管理器队列，队列最大长度为5\n       * 每次加载新视频，将队列里管理的视频（不包括新视频）元素全部暂停一次\n       * 销毁时，所有视频元素都执行一次暂停\n       */\n      window.videoManager = {\n        videoObjBuffer: [],\n        currentVid: ''\n      }\n      window.on_CCH5player_ready = (obj) => {\n        window.videoManager.videoObjBuffer.push(obj)\n        if(window.videoManager.videoObjBuffer.length > 5) {\n          window.videoManager.videoObjBuffer[0].videoElement.pause()\n          window.videoManager.videoObjBuffer.shift()\n        }\n      }\n    },\n    mounted() {\n      this.init();\n    }\n  };\n</script>\n\n<style scoped>\n  .cc-video-viewer object,\n  .cc-video-viewer embed {\n    width: 100%;\n    height: auto;\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!./cc-video-viewer.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!./cc-video-viewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cc-video-viewer.vue?vue&type=template&id=11a9643b&scoped=true&\"\nimport script from \"./cc-video-viewer.vue?vue&type=script&lang=js&\"\nexport * from \"./cc-video-viewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cc-video-viewer.vue?vue&type=style&index=0&id=11a9643b&prod&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  \"11a9643b\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"px-0 py-0\",attrs:{\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"nowrap\":\"\"}},[(_vm.items && _vm.items.length > 1)?[_c('v-flex',{staticClass:\"pr-3\",attrs:{\"sm5\":\"\",\"md4\":\"\",\"lg3\":\"\"}},[_c('v-card',[_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.items),function(c,idx){return _c('v-list-tile',{key:c,staticClass:\"group-item\",attrs:{\"append\":\"\"},on:{\"click\":function($event){return _vm.onItemClick(c, idx)}}},[_c('v-list-tile-content',[_c('v-list-tile-title',{class:{ 'primary--text': idx == _vm.index }},[_vm._v(\"\\n                  视频\"+_vm._s(idx + 1)+\"\\n                  \"),(idx == _vm.index)?_c('v-icon',{staticStyle:{\"display\":\"inline-block\",\"float\":\"right\"}},[_vm._v(\"chevron_right\")]):_vm._e()],1)],1)],1)}),1)],1)],1),_c('v-flex',{attrs:{\"sm7\":\"\",\"md8\":\"\",\"lg9\":\"\"}},[_c('CcVideoViewer',{attrs:{\"cfg\":{ 'movieUrl': _vm.movieUrl }}})],1)]:(_vm.items && _vm.items.length == 1)?_c('v-flex',{staticClass:\"pr-3\"},[_c('CcVideoViewer',{attrs:{\"cfg\":{ 'movieUrl': _vm.movieUrl }}})],1):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"px-0 py-0\">\n    <v-layout row nowrap>\n      <template v-if=\"items && items.length > 1\">\n        <v-flex sm5 md4 lg3 class=\"pr-3\">\n          <v-card>\n            <v-list dense>\n              <v-list-tile append class=\"group-item\" v-for=\"(c, idx) in items\" :key=\"c\" @click=\"onItemClick(c, idx)\">\n                <v-list-tile-content>\n                  <v-list-tile-title :class=\"{ 'primary--text': idx == index }\">\n                    视频{{ idx + 1 }}\n                    <v-icon style=\"display:inline-block;float:right;\" v-if=\"idx == index\">chevron_right</v-icon>\n                  </v-list-tile-title>\n                </v-list-tile-content>\n              </v-list-tile>\n            </v-list>\n          </v-card>\n        </v-flex>\n        <v-flex sm7 md8 lg9 class>\n          <CcVideoViewer :cfg=\"{ 'movieUrl': movieUrl }\"></CcVideoViewer>\n        </v-flex>\n      </template>\n      <v-flex v-else-if=\"items && items.length == 1\" class=\"pr-3\">\n        <CcVideoViewer :cfg=\"{ 'movieUrl': movieUrl }\"></CcVideoViewer>\n      </v-flex>\n    </v-layout>\n  </v-container>\n</template>\n\n<script>\nimport CcVideoViewer from \"@/components/cc-video-viewer.vue\";\nexport default {\n  name: \"courseware-medias-view\",\n  components: {\n    CcVideoViewer\n  },\n  props: {\n    cfg: Object\n  },\n  data() {\n    return {\n      items: [],\n      movieUrl: null,\n      index: 0\n    };\n  },\n  watch: {\n    cfg() {\n      this.init();\n    }\n  },\n  methods: {\n    init() {\n      if (this.cfg != null) {\n        this.items = this.cfg.mediaIds;\n        if (this.items && this.items.length > 0) {\n          this.onItemClick(this.items[0], 0);\n        }\n      }\n    },\n    onItemClick(i, idx) {\n      let self = this;\n      self.index = idx;\n      self.$axios.get(`/home/my/media/cc/url/${i}`).then(r => {\n        if (r && r.data && r.data.status === \"ok\") {\n          self.movieUrl = r.data.message;\n        }\n      });\n    }\n  },\n  created() {\n    this.init();\n  }\n};\n</script>\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!./courseware-medias-view.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!./courseware-medias-view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./courseware-medias-view.vue?vue&type=template&id=4ce7aa1c&\"\nimport script from \"./courseware-medias-view.vue?vue&type=script&lang=js&\"\nexport * from \"./courseware-medias-view.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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./cc-video-viewer.vue?vue&type=style&index=0&id=11a9643b&prod&scoped=true&lang=css&\""],"sourceRoot":""}