{"version":3,"sources":["webpack:///./src/views/course/Video.vue?0f51","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?436d","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?1c01","webpack:///src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?2bfa","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue","webpack:///./src/components/RelatedVideos/RelatedVideos.vue?a5aa","webpack:///./src/views/course/Video.vue?4f98","webpack:///./src/components/RelatedVideos/RelatedVideos.vue?6cc3","webpack:///src/components/RelatedVideos/RelatedVideos.vue","webpack:///./src/components/RelatedVideos/RelatedVideos.vue?2a28","webpack:///./src/components/RelatedVideos/RelatedVideos.vue","webpack:///src/views/course/Video.vue","webpack:///./src/views/course/Video.vue?426d","webpack:///./src/views/course/Video.vue","webpack:///./src/views/course/images/ic_online_service.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","playType","PlayTypeEnum","Vod","attrs","site","posterImg","playBtnImg","videoSourceId","uname","authcode","py","staticRenderFns","Live","name","components","props","autoPlay","type","Boolean","default","videoId","String","src","coverImage","setup","ownerid","loadedVideoId","getVideoDetail","http","res","state","setTimeout","then","result","code","detail","vodList","length","videoInfo","id","domain","password","username","scriptDom","async","onload","channel","bind","console","log","payload","send","error","e","document","head","appendChild","component","relatedVideos","on","openOnlineService","list","_v","_l","item","index","key","$event","goto","route","_s","title","dayjs","startTime","format","style","backgroundImage","_e","computed","methods","location","replace","url","appInfo","getRelatedVideos","href","module","exports"],"mappings":"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","file":"js/chunk-31ce3c7a.58a676d5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video.vue?vue&type=style&index=0&id=64b8135d&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenseeVideoPlayer.vue?vue&type=style&index=0&id=cc523b0e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"video-player-wrapper\"},[(_vm.playType === _vm.PlayTypeEnum.Vod)?_c('gs:video-vod',{attrs:{\"site\":_vm.site,\"group\":\"default\",\"bgimg\":_vm.posterImg,\"btnimg\":_vm.playBtnImg,\"ownerid\":_vm.videoSourceId,\"uname\":_vm.uname,\"authcode\":_vm.authcode,\"py\":_vm.py}}):_c('gs:video-live',{attrs:{\"site\":_vm.site,\"group\":\"default\",\"bgimg\":_vm.posterImg,\"btnimg\":_vm.playBtnImg,\"ownerid\":_vm.videoSourceId,\"uname\":_vm.uname,\"authcode\":_vm.authcode,\"py\":_vm.py}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video-player-wrapper\">\r\n    <gs:video-vod\r\n      v-if=\"playType === PlayTypeEnum.Vod\"\r\n      :site=\"site\"\r\n      group=\"default\"\r\n      :bgimg=\"posterImg\"\r\n      :btnimg=\"playBtnImg\"\r\n      :ownerid=\"videoSourceId\"\r\n      :uname=\"uname\"\r\n      :authcode=\"authcode\"\r\n      :py=\"py\"\r\n    />\r\n    <gs:video-live\r\n      v-else\r\n      :site=\"site\"\r\n      group=\"default\"\r\n      :bgimg=\"posterImg\"\r\n      :btnimg=\"playBtnImg\"\r\n      :ownerid=\"videoSourceId\"\r\n      :uname=\"uname\"\r\n      :authcode=\"authcode\"\r\n      :py=\"py\"\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from 'vue'\r\nimport { reactive, toRefs, watchEffect } from '@vue/composition-api'\r\nimport http from '@/api/http'\r\nimport appInfo from '@/assets/js/appInfo'\r\n\r\nVue.config.ignoredElements = ['gs:video-vod', 'gs:video-live']\r\n\r\nconst coverImage =\r\n  appInfo.getParam('coverImage') ||\r\n  'https://appstatic.emoney.cn/images/20210609/6e93d948c84f9742fff3855e2dfbf97d.png'\r\n\r\nconst PlayTypeEnum = {\r\n  /**\r\n   * 直播\r\n   */\r\n  Live: 101,\r\n  /**\r\n   * 录播\r\n   */\r\n  Vod: 100\r\n}\r\n\r\nexport default {\r\n  name: 'GenseeVideoPlayer',\r\n  components: {},\r\n  props: {\r\n    autoPlay: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    videoId: {\r\n      type: String\r\n    },\r\n    /**\r\n     * 视频地址\r\n     */\r\n    src: {\r\n      type: String\r\n    },\r\n    playBtnImg: {\r\n      type: String,\r\n      default:\r\n        'https://appstatic.emoney.cn/images/20210728/982373a11046c7f51f012a978e53ac2d.png'\r\n    },\r\n    posterImg: {\r\n      type: String,\r\n      default: coverImage\r\n    }\r\n  },\r\n  setup(props) {\r\n    const state = reactive({\r\n      PlayTypeEnum,\r\n      ownerid: '',\r\n      py: 1,\r\n      site: 'emoney.gensee.com',\r\n      playType: PlayTypeEnum.Vod,\r\n      authcode: '',\r\n      uname: '',\r\n      loadedVideoId: '',\r\n      videoSourceId: ''\r\n    })\r\n\r\n    function getVideoDetail(videoId) {\r\n      return http.get('/video/play/GetPlayInfo', {\r\n        videoId\r\n      })\r\n    }\r\n\r\n    watchEffect(() => {\r\n      let videoId = props.videoId\r\n      if (!videoId && props.src) {\r\n        const res = /-([a-z0-9]+)$/i.exec(props.src)\r\n        if (res && res[1]) {\r\n          videoId = res[1]\r\n        } else {\r\n          videoId = this.src\r\n        }\r\n      }\r\n\r\n      if (videoId) {\r\n        state.ownerid = videoId\r\n        setTimeout(() => {\r\n          if (state.loadedVideoId === videoId) {\r\n            // 已加载过的不再重复加载\r\n            return\r\n          }\r\n          state.loadedVideoId = videoId\r\n\r\n          getVideoDetail(videoId).then(({ result, detail }) => {\r\n            if (result.code === 0 && detail) {\r\n              let videoInfo = detail\r\n              if (detail.vodList && detail.vodList.length) {\r\n                videoInfo = detail.vodList[0]\r\n              }\r\n              state.videoSourceId = videoInfo.id\r\n              state.site = videoInfo.domain\r\n              state.playType = videoInfo.type\r\n              state.authcode = videoInfo.password\r\n              state.uname = videoInfo.username\r\n\r\n              const scriptDom = document.createElement('script')\r\n              scriptDom.async = true\r\n              scriptDom.src =\r\n                'https://static.gensee.com/webcast/static/sdk/js/gssdk.js'\r\n              scriptDom.onload = function() {\r\n                try {\r\n                  const channel = window.GS.createChannel('default')\r\n\r\n                  if (state.playType === PlayTypeEnum.Vod) {\r\n                    channel.bind('onDataReady', function(payload) {\r\n                      console.log('onDataReady:', payload)\r\n\r\n                      if (props.autoPlay) {\r\n                        channel.send('play')\r\n                      }\r\n                    })\r\n                  }\r\n\r\n                  // 直播api，直播开启\r\n                  channel.bind('onStart', function(payload) {\r\n                    console.log('onStart:', payload)\r\n                    if (props.autoPlay) {\r\n                      channel.send('submitPlay')\r\n                    }\r\n                  })\r\n\r\n                  channel.bind('onStatus', function(payload) {\r\n                    console.log('onStatus:', payload)\r\n                  })\r\n\r\n                  channel.bind('onPlay', function(payload) {\r\n                    console.log('onPlay:', payload)\r\n                  })\r\n\r\n                  channel.bind('onStop', function(payload) {\r\n                    console.log('onStop:', payload)\r\n                  })\r\n                } catch (e) {\r\n                  console.error(e)\r\n                }\r\n              }\r\n\r\n              document.head.appendChild(scriptDom)\r\n            } else {\r\n              state.loadedVideoId = ''\r\n            }\r\n          })\r\n        }, 50)\r\n      }\r\n    })\r\n\r\n    return {\r\n      ...toRefs(state)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.video-player-wrapper {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  max-width: 100%;\r\n  height: 386px;\r\n  overflow: hidden;\r\n  z-index: 100;\r\n}\r\n\r\n.video-player {\r\n  height: 100%;\r\n  background: no-repeat center;\r\n  background-size: cover;\r\n}\r\n\r\n.play {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 120px;\r\n  height: 120px;\r\n  background: url('./images/icon-play.png') no-repeat center;\r\n  background-size: contain;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenseeVideoPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenseeVideoPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GenseeVideoPlayer.vue?vue&type=template&id=cc523b0e&scoped=true&\"\nimport script from \"./GenseeVideoPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./GenseeVideoPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GenseeVideoPlayer.vue?vue&type=style&index=0&id=cc523b0e&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  \"cc523b0e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelatedVideos.vue?vue&type=style&index=0&id=6f418d0c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"course-video\"},[_c('gensee-video-player',{attrs:{\"video-id\":_vm.videoSourceId,\"auto-play\":true}}),_c('related-videos',{attrs:{\"list\":_vm.relatedVideos}}),_c('img',{staticClass:\"icon-online-service\",attrs:{\"src\":require(\"./images/ic_online_service.png\"),\"alt\":\"\"},on:{\"click\":_vm.openOnlineService}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.list.length > 0)?_c('div',{staticClass:\"view-point-wrap\"},[_c('div',{staticClass:\"title sepBottom S8 T1\"},[_vm._v(\"相关视频\")]),_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"content sepBottom\",on:{\"click\":function($event){return _vm.goto(item.route)}}},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"top S8 T1\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"time S4 T3\"},[_vm._v(\" \"+_vm._s(_vm.dayjs(item.startTime).format('YYYY-MM-DD'))+\" \")])]),_c('div',{staticClass:\"right\",style:({ backgroundImage: (\"url('\" + (item.coverImg) + \"')\") })})])})],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"view-point-wrap\" v-if=\"list.length > 0\">\r\n    <div class=\"title sepBottom S8 T1\">相关视频</div>\r\n    <div\r\n      class=\"content sepBottom\"\r\n      v-for=\"(item, index) in list\"\r\n      :key=\"index\"\r\n      @click=\"goto(item.route)\"\r\n    >\r\n      <div class=\"left\">\r\n        <div class=\"top S8 T1\">{{ item.title }}</div>\r\n        <div class=\"time S4 T3\">\r\n          {{ dayjs(item.startTime).format('YYYY-MM-DD') }}\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"right\"\r\n        :style=\"{ backgroundImage: `url('${item.coverImg}')` }\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport dayjs from 'dayjs'\r\n\r\nexport default {\r\n  name: 'RelatedVideos',\r\n  components: {},\r\n  props: ['list'],\r\n  computed: {},\r\n  methods: {\r\n    dayjs,\r\n    // emitId(id) {\r\n    //   this.$emit('emitId', id)\r\n    // },\r\n    goto(url) {\r\n      location.replace(url)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.view-point-wrap {\r\n  .content {\r\n    margin: 0 30px;\r\n    padding: 30px 0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    .left {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 150px;\r\n      justify-content: space-between;\r\n    }\r\n    .right {\r\n      width: 200px;\r\n      height: 150px;\r\n      border-radius: 5px;\r\n      flex: none;\r\n      margin-left: 58px;\r\n      background-repeat: no-repeat;\r\n      background-size: cover;\r\n    }\r\n  }\r\n  .title {\r\n    font-weight: 700;\r\n    padding: 38px 0 38px 30px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelatedVideos.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelatedVideos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RelatedVideos.vue?vue&type=template&id=6f418d0c&scoped=true&\"\nimport script from \"./RelatedVideos.vue?vue&type=script&lang=js&\"\nexport * from \"./RelatedVideos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RelatedVideos.vue?vue&type=style&index=0&id=6f418d0c&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  \"6f418d0c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"course-video\">\r\n    <gensee-video-player\r\n      :video-id=\"videoSourceId\"\r\n      :auto-play=\"true\"\r\n    ></gensee-video-player>\r\n    <related-videos :list=\"relatedVideos\"></related-videos>\r\n\r\n    <img\r\n      src=\"./images/ic_online_service.png\"\r\n      alt=\"\"\r\n      class=\"icon-online-service\"\r\n      @click=\"openOnlineService\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  defineComponent,\r\n  onMounted,\r\n  reactive,\r\n  toRefs\r\n} from '@vue/composition-api'\r\nimport http from '@/api/http'\r\nimport appInfo from '@/assets/js/appInfo'\r\nimport RelatedVideos from '@/components/RelatedVideos/RelatedVideos'\r\nimport GenseeVideoPlayer from '@/components/GenseeVideoPlayer/GenseeVideoPlayer'\r\n\r\nexport default defineComponent({\r\n  name: 'CourseDetail',\r\n  components: { GenseeVideoPlayer, RelatedVideos },\r\n  setup() {\r\n    const state = reactive({\r\n      title: appInfo.getParam('title'),\r\n      videoSourceId: appInfo.getParam('videoSourceId'),\r\n      relatedVideos: []\r\n    })\r\n\r\n    onMounted(getRelatedVideos)\r\n\r\n    if (state.title) {\r\n      document.title = state.title\r\n    }\r\n\r\n    function getRelatedVideos() {\r\n      http\r\n        .get('/Video/ShizhanVideo/GetRelatedVideos', {\r\n          title: state.title\r\n        })\r\n        .then(({ result, detail }) => {\r\n          if (result.code === 0) {\r\n            state.relatedVideos = detail\r\n          }\r\n        })\r\n    }\r\n\r\n    function openOnlineService() {\r\n      location.href = 'ycstock://onlineservice?code=emcourse'\r\n    }\r\n\r\n    return {\r\n      ...toRefs(state),\r\n      openOnlineService\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.course-video {\r\n  padding-top: 386px;\r\n}\r\n\r\n.icon-online-service {\r\n  position: fixed;\r\n  bottom: 100px;\r\n  right: 10px;\r\n  width: 120px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Video.vue?vue&type=template&id=64b8135d&scoped=true&\"\nimport script from \"./Video.vue?vue&type=script&lang=js&\"\nexport * from \"./Video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Video.vue?vue&type=style&index=0&id=64b8135d&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  \"64b8135d\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ic_online_service.569f219e.png\";"],"sourceRoot":""}