{"version":3,"sources":["webpack:///./src/views/H5/video/videoPlayer.vue?f659","webpack:///./src/api/course.js","webpack:///./src/views/H5/video/videoPlayer.vue?b276","webpack:///src/views/H5/video/videoPlayer.vue","webpack:///./src/views/H5/video/videoPlayer.vue?6b2c","webpack:///./src/views/H5/video/videoPlayer.vue"],"names":["resquest","courseQueryCourseMenu","params","http","get","res","data","courseQueryCourseFileList","courseQueryPackageDetail","courseQueryCourseDetail","courseQueryCourseFileDetail","courseQueryCourseCategoryTree","courseQueryCourseComment","post","courseQueryCourseFileTypeList","render","_vm","this","_h","$createElement","_c","_self","staticStyle","_m","staticClass","attrs","coursePackage","defaultProps","on","handleNodeClick","scopedSlots","_u","key","fn","ref","node","_v","_s","label","VideoId","_f","Duration","_e","staticRenderFns","vodPlayerJs","course","children","videoOption","vid","mounted","queryParam","$route","query","console","log","courseId","$message","error","loadPlayerScript","loadPlayer","getcourseQueryCourseDetail","methods","renderContent","getPackage","undefined","arr","forEach","obj","item","Id","it","ParentId","push","getLiveQueryVideoToken","$toast","window","polyvPlayer","callback","myScript","setAttribute","onload","document","body","appendChild","player","wrap","width","height","destroyed","destroy","component"],"mappings":"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","file":"static/js/chunk-c00e248c.343b42d9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoPlayer.vue?vue&type=style&index=0&id=177c3f2a&lang=less&scoped=true&\"","/*\r\n * @Author: liuzhixiang \r\n * @Date: 2021-02-06 15:29:13 \r\n * @Last Modified by: liuzhixiang\r\n * @Last Modified time: 2021-09-01 16:56:26\r\n */\r\nimport http from './http'\r\n// \r\n/**\r\n *  @parms resquest 请求地址 例如：http://197.82.15.15:8088/request/...\r\n *  @param '/testIp'代表vue-cil中config，index.js中配置的代理\r\n */\r\nlet resquest = \"/api/api/v1\"\r\n\r\n// 获取课程目录（单课程）\r\nexport async function courseQueryCourseMenu(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseMenu?courseId=` + params);\r\n  return res.data;\r\n}\r\n\r\n// 获取课程资料（单课程）\r\nexport async function courseQueryCourseFileList(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseFileList`, params);\r\n  return res.data;\r\n}\r\n\r\n// 获取课程包详情\r\nexport async function courseQueryPackageDetail(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryPackageDetail?id=` + params);\r\n  return res.data;\r\n}\r\n\r\n// 课程详情（课程和课程包通用）\r\nexport async function courseQueryCourseDetail(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseDetail?courseId=` + params);\r\n  return res.data;\r\n}\r\n\r\n// 根据id获取资料详情\r\nexport async function courseQueryCourseFileDetail(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseFileDetail?id=` + params);\r\n  return res.data;\r\n}\r\n\r\n// 获取课程分类树形列表\r\nexport async function courseQueryCourseCategoryTree(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseCategoryTree`, params);\r\n  return res.data;\r\n}\r\n\r\n// 获取课程评论\r\nexport async function courseQueryCourseComment(params) {\r\n  let res = await http.post(`${resquest}/Course/QueryCourseComment`, params);\r\n  return res.data;\r\n}\r\n\r\n// 资料类别列表\r\nexport async function courseQueryCourseFileTypeList(params) {\r\n  let res = await http.get(`${resquest}/Course/QueryCourseFileTypeList` + params);\r\n  return res.data;\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_vm._m(0),_c('el-scrollbar',{staticStyle:{\"height\":\"calc(100vh - 250px)\"}},[_c('div',{staticClass:\"cont mytree\"},[_c('el-tree',{attrs:{\"indent\":15,\"default-expand-all\":\"\",\"highlight-current\":\"\",\"expand-on-click-node\":true,\"data\":_vm.coursePackage,\"props\":_vm.defaultProps},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar node = ref.node;\nvar data = ref.data;\nreturn _c('div',{staticClass:\"custom-tree-node\"},[_c('span',[_vm._v(_vm._s(node.label))]),(data.VideoId != null && data.VideoId != '')?_c('span',[_c('i',{staticClass:\"bf\"}),_vm._v(\" \"+_vm._s(_vm._f(\"sec_to_time\")(data.Duration))+\" \")]):_vm._e()])}}])})],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"palyerContent\"},[_c('div',{staticStyle:{\"height\":\"250px\"},attrs:{\"id\":\"player\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"height: 100%\">\r\n    <div class=\"palyerContent\">\r\n      <div id=\"player\" style=\"height: 250px\"></div>\r\n    </div>\r\n    <el-scrollbar style=\"height: calc(100vh - 250px)\">\r\n      <div class=\"cont mytree\" style=\"\">\r\n        <el-tree\r\n          :indent=\"15\"\r\n          default-expand-all\r\n          highlight-current\r\n          :expand-on-click-node=\"true\"\r\n          :data=\"coursePackage\"\r\n          :props=\"defaultProps\"\r\n         \r\n          @node-click=\"handleNodeClick\"\r\n        >\r\n          <div class=\"custom-tree-node\" slot-scope=\"{ node, data }\">\r\n            <span>{{ node.label }}</span>\r\n            <span v-if=\"data.VideoId != null && data.VideoId != ''\">\r\n              <i class=\"bf\"></i>\r\n              {{ data.Duration | sec_to_time }}\r\n            </span>\r\n          </div>\r\n        </el-tree>\r\n      </div>\r\n    </el-scrollbar>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  courseQueryPackageDetail,\r\n  courseQueryCourseDetail,\r\n  courseQueryCourseMenu,\r\n} from \"@/api/course\";\r\nimport { liveQueryVideoToken } from \"@/api/personal\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      vodPlayerJs: \"https://player.polyv.net/resp/vod-player/latest/player.js\",\r\n      coursePackage: [],\r\n      course: [],\r\n      defaultProps: {\r\n        label: \"MenuName\",\r\n        children: \"children\",\r\n      },\r\n      videoOption: {\r\n        vid: \"\",\r\n      },\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    var queryParam = this.$route.query;\r\n    console.log(queryParam);\r\n    if (queryParam.courseId == null) {\r\n      this.$message.error(\"参数传递错误\");\r\n      return false;\r\n    }\r\n    this.loadPlayerScript(this.loadPlayer);\r\n    this.getcourseQueryCourseDetail(queryParam.courseId);\r\n    // this.getCourseQueryCourseMenu(59);\r\n  },\r\n  methods: {\r\n    renderContent(h, { node, data, store }) {\r\n      return (\r\n        <span class=\"custom-tree-node\">\r\n          <span>{node.level}{node.label}</span>\r\n          <span>\r\n             {this.sec_to_time(data.Duration)}\r\n          </span>\r\n        </span>\r\n      );\r\n    },\r\n    //获取课程包详情\r\n    async getcourseQueryCourseDetail(id) {\r\n      const res = await courseQueryCourseDetail(id);\r\n      if (res.success === true) {\r\n        this.course = res.response;\r\n        if (this.course.IsCharge == true) {\r\n          this.$message.error(\"当前页面无法观看收费课程，请去APP上观看\");\r\n          return false;\r\n        }\r\n        // coursePackage 课程包（0不是1是）\r\n        if (this.course.CoursePackage === 1) {\r\n          this.postCourseQueryPackageDetail(this.course.Id);\r\n        } else {\r\n          this.coursePackage = [res.response];\r\n          for (let i = 0; i < this.coursePackage.length; i++) {\r\n            this.$set(\r\n              this.coursePackage[i],\r\n              \"MenuName\",\r\n              this.coursePackage[i].Name\r\n            );\r\n            this.$set(this.coursePackage[i], \"children\", []);\r\n            this.getCourseQueryCourseMenu(this.coursePackage[i].Id, i);\r\n          }\r\n        }\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    //获取课程包详情\r\n    async postCourseQueryPackageDetail(id) {\r\n      const res = await courseQueryPackageDetail(id);\r\n      if (res.success === true) {\r\n        this.coursePackage = res.response;\r\n\r\n        for (let i = 0; i < this.coursePackage.length; i++) {\r\n          this.$set(\r\n            this.coursePackage[i],\r\n            \"MenuName\",\r\n            this.coursePackage[i].Name\r\n          );\r\n          this.$set(this.coursePackage[i], \"children\", []);\r\n          this.getCourseQueryCourseMenu(this.coursePackage[i].Id, i);\r\n        }\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    async getCourseQueryCourseMenu(id, i) {\r\n      const res = await courseQueryCourseMenu(id);\r\n      if (res.success === true) {\r\n        let obj = res.response?.data ? res.response?.data : [];\r\n        // console.log(obj, '')\r\n        if (obj.length > 0) {\r\n          let arr = obj.filter((lis) => {\r\n            if (lis.ParentId == 0) {\r\n              this.$set(lis, \"children\", []);\r\n              return lis;\r\n            }\r\n          });\r\n\r\n          this.coursePackage[i].children = arr;\r\n          this.getPackage(this.coursePackage, obj);\r\n        }\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    getPackage(arr, obj) {\r\n      if (arr !== undefined) {\r\n        arr.forEach((item, i) => {\r\n          obj.forEach((it, j) => {\r\n            if (item.Id === it.ParentId) {\r\n              if (item.children === undefined) {\r\n                this.$set(item, \"children\", []);\r\n              }\r\n              item.children.push(it);\r\n            }\r\n          });\r\n          this.getPackage(item.children, obj);\r\n        });\r\n      }\r\n    },\r\n    handleNodeClick(data, node) {\r\n      if (data.VideoId != null && data.VideoId != \"\") {\r\n        this.videoOption.vid = data.VideoId;\r\n        // this.player.changeVid(this.videoOption);\r\n        this.getLiveQueryVideoToken();\r\n      } else {\r\n        this.$toast(\"该目录没有点播课程\");\r\n        return;\r\n      }\r\n    },\r\n    //点播解密\r\n    async getLiveQueryVideoToken() {\r\n      const res = await liveQueryVideoToken(this.videoOption.vid);\r\n      if (res.success == true) {\r\n        console.log(res);\r\n        this.playsafe = res.response.token;\r\n        this.ts = res.response.createdTime;\r\n        this.sign = res.response.sign;\r\n        //切换视频\r\n        this.videoOption.vid = this.videoOption.vid;\r\n        this.videoOption.playsafe = this.playsafe;\r\n        this.videoOption.ts = this.ts;\r\n        this.videoOption.sign = this.sign;\r\n\r\n        this.player.changeVid(this.videoOption);\r\n      }\r\n    },\r\n    loadPlayerScript(callback) {\r\n      if (!window.polyvPlayer) {\r\n        const myScript = document.createElement(\"script\");\r\n        myScript.setAttribute(\"src\", this.vodPlayerJs);\r\n        myScript.onload = callback;\r\n        document.body.appendChild(myScript);\r\n      } else {\r\n        callback();\r\n      }\r\n    },\r\n\r\n    loadPlayer() {\r\n      const polyvPlayer = window.polyvPlayer;\r\n      this.player = polyvPlayer({\r\n        wrap: \"#player\",\r\n        width: \"100%\",\r\n        height: \"250\",\r\n        vid: this.videoOption.vid,\r\n      });\r\n    },\r\n  },\r\n  destroyed() {\r\n    if (this.player) {\r\n      this.player.destroy();\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\nhtml,\r\nbody {\r\n  height: 100%;\r\n}\r\n#app {\r\n  height: 100%;\r\n}\r\n.palyerContent {\r\n  height: 100%;\r\n}\r\n/deep/.el-tree-node__content {\r\n  min-height: 40px;\r\n  border-bottom: 1px solid #e6e9ed;\r\n  // padding-left: 0 !important;\r\n}\r\n/deep/.el-tree {\r\n  /deep/.el-tree-node__content {\r\n    height: 30px !important;\r\n    // padding-left: 0 !important;\r\n  }\r\n  .custom-tree-node {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-right: 8px;\r\n    .bf {\r\n      display: inline-block;\r\n      width: 16px;\r\n      height: 14px;\r\n      background-size: 100% 100%;\r\n      background-image: url(\"../../../assets/images/play.png\");\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n}\r\n</style>","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!./videoPlayer.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!./videoPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoPlayer.vue?vue&type=template&id=177c3f2a&scoped=true&\"\nimport script from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./videoPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoPlayer.vue?vue&type=style&index=0&id=177c3f2a&lang=less&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  \"177c3f2a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}