{"version":3,"sources":["webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?714c","webpack:///./src/views/gensee/Video.vue?e412","webpack:///src/views/gensee/Video.vue","webpack:///./src/views/gensee/Video.vue?4242","webpack:///./src/views/gensee/Video.vue","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?ebe7","webpack:///src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue?8750","webpack:///./src/components/GenseeVideoPlayer/GenseeVideoPlayer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","videoSourceId","staticRenderFns","name","components","setup","title","appInfo","state","document","component","staticClass","playType","PlayTypeEnum","Vod","site","posterImg","playBtnImg","uname","authcode","py","Live","props","autoPlay","type","Boolean","default","videoId","String","src","coverImage","ownerid","loadedVideoId","getVideoDetail","http","res","setTimeout","then","result","code","detail","vodList","length","videoInfo","id","domain","password","username","scriptDom","async","onload","channel","bind","console","log","payload","send","error","e","head","appendChild"],"mappings":"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","file":"js/chunk-572206b1.c0086aa2.js","sourcesContent":["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!./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('gensee-video-player',{attrs:{\"auto-play\":true,\"video-id\":_vm.videoSourceId}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <gensee-video-player\r\n    :auto-play=\"true\"\r\n    :video-id=\"videoSourceId\"\r\n  ></gensee-video-player>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent, reactive, toRefs } from '@vue/composition-api'\r\nimport GenseeVideoPlayer from '@/components/GenseeVideoPlayer/GenseeVideoPlayer'\r\nimport appInfo from '@/assets/js/appInfo'\r\n\r\nexport default defineComponent({\r\n  name: 'tactics-video',\r\n  components: { GenseeVideoPlayer },\r\n  setup() {\r\n    const state = reactive({\r\n      title: appInfo.getParam('title'),\r\n      videoSourceId: appInfo.getParam('videoSourceId')\r\n    })\r\n\r\n    if (state.title) {\r\n      document.title = state.title\r\n    }\r\n\r\n    return {\r\n      ...toRefs(state)\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></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!./Video.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!./Video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Video.vue?vue&type=template&id=774f1a76&scoped=true&\"\nimport script from \"./Video.vue?vue&type=script&lang=js&\"\nexport * from \"./Video.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  \"774f1a76\",\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('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--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!./GenseeVideoPlayer.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!./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"],"sourceRoot":""}