{"version":3,"sources":["webpack:///./src/components/mediapreviewer/MediaPreviewer.vue?181f","webpack:///src/components/mediapreviewer/MediaPreviewer.vue","webpack:///./src/components/mediapreviewer/MediaPreviewer.vue?de3f","webpack:///./src/components/mediapreviewer/MediaPreviewer.vue","webpack:///./src/components/mediapreviewer/MediaPreviewer.vue?777b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","directives","name","rawName","value","video","videoUrl","includes","expression","slot","attrs","ref","$route","query","m","model","callback","$$v","comment","on","approve","_v","reject","cancel","music","musicUrl","staticRenderFns","components","Plyr","videojs","streaming","type","url","fileExt","source","methods","self","searchMask","regEx","RegExp","replaceMask","hlsPlayer","$refs","error","code","alert","setTimeout","src","play","replace","videoTypeId","player","videoCompleted","toLowerCase","ready","isNextTaskBtnHidden","err","vimeoVideoId","substr","lastIndexOf","provider","youtubeVideoId","showLoadingOnElement","onSuccess","response","$router","push","$ajaxGet","id","element","scale","$vs","loading","container","$el","videoId","musicId","data","previewVideo","component"],"mappings":"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","file":"js/chunk-b0032bf8.9309f08b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb-2\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\",staticStyle:{\"width\":\"100%\"}},[_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.video.videoUrl && !_vm.video.videoUrl.includes('content.digicampus.co.za')),expression:\"video.videoUrl && !video.videoUrl.includes('content.digicampus.co.za')\"}],staticClass:\"overflow-hidden\",staticStyle:{\"width\":\"65%\"}},[_c('template',{slot:\"no-body\"},[_c('video',{attrs:{\"id\":\"player\",\"controls\":\"\"}})])],2),_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.video.videoUrl && _vm.video.videoUrl.includes('content.digicampus.co.za')),expression:\"video.videoUrl && video.videoUrl.includes('content.digicampus.co.za')\"}],staticClass:\"overflow-hidden\",staticStyle:{\"width\":\"70%\"}},[_c('div',{staticClass:\"player\",staticStyle:{\"max-width\":\"100% !important\"}},[_c('video',{ref:\"videojs\",staticClass:\"video-js\",staticStyle:{\"max-width\":\"100% !important\"},attrs:{\"autoplay\":\"\",\"controls\":\"\"}})])])],1)]),_c('div',{staticClass:\"flex flex-wrap items-center justify-center mt-3\",staticStyle:{\"width\":\"100%\"}},[_c('vs-textarea',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$route.query.m && _vm.video.videoUrl),expression:\"$route.query.m && video.videoUrl\"}],model:{value:(_vm.comment),callback:function ($$v) {_vm.comment=$$v},expression:\"comment\"}}),_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$route.query.m && _vm.$route.query.m == 'rev' && _vm.video.videoUrl),expression:\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"}],ref:\"approveButton\",staticClass:\"vs-con-loading__container mr-4\",attrs:{\"color\":\"success\"},on:{\"click\":_vm.approve}},[_vm._v(\"Approve\")]),_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$route.query.m && _vm.$route.query.m == 'rev' && _vm.video.videoUrl),expression:\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"}],ref:\"rejectButton\",staticClass:\"vs-con-loading__container mr-4\",attrs:{\"color\":\"danger\"},on:{\"click\":_vm.reject}},[_vm._v(\"Reject\")]),_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$route.query.m && _vm.$route.query.m == 'rev' && _vm.video.videoUrl),expression:\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"}],ref:\"cancelButton\",staticClass:\"vs-con-loading__container\",attrs:{\"type\":\"border\",\"color\":\"warning\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1),_c('audio',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.music.musicUrl),expression:\"music.musicUrl\"}],staticClass:\"audio-example pt-8\",attrs:{\"controls\":\"\",\"volume\":\"1\",\"src\":_vm.musicUrl,\"id\":\"audio\",\"autoplay\":\"true\"}},[_vm._v(\"\\n    Native audio playback is not supported.\\n  \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"pb-2\">\r\n    <div class=\"vx-row\">\r\n      <div class=\"vx-col\" style=\"width: 100%\">\r\n        <vx-card\r\n          v-show=\"video.videoUrl && !video.videoUrl.includes('content.digicampus.co.za')\"\r\n          class=\"overflow-hidden\"\r\n          style=\"width: 65%\"\r\n        >\r\n          <template slot=\"no-body\">\r\n            <video id=\"player\" controls />\r\n          </template>\r\n        </vx-card>\r\n        <vx-card\r\n          v-show=\"video.videoUrl && video.videoUrl.includes('content.digicampus.co.za')\"\r\n          class=\"overflow-hidden\"\r\n          style=\"width: 70%\"\r\n        >\r\n          <div class=\"player\" style=\"max-width: 100% !important;\">\r\n            <video class=\"video-js\" style=\"max-width: 100% !important;\" ref=\"videojs\" autoplay controls></video>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"flex flex-wrap items-center justify-center mt-3\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <vs-textarea\r\n        v-model=\"comment\"\r\n        v-show=\"$route.query.m && video.videoUrl\"\r\n      />\r\n      <vs-button\r\n        v-show=\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"\r\n        class=\"vs-con-loading__container mr-4\"\r\n        color=\"success\"\r\n        ref=\"approveButton\"\r\n        @click=\"approve\"\r\n        >Approve</vs-button\r\n      >\r\n      <vs-button\r\n        v-show=\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"\r\n        class=\"vs-con-loading__container mr-4\"\r\n        color=\"danger\"\r\n        ref=\"rejectButton\"\r\n        @click=\"reject\"\r\n        >Reject</vs-button\r\n      >\r\n      <vs-button\r\n        v-show=\"$route.query.m && $route.query.m == 'rev' && video.videoUrl\"\r\n        class=\"vs-con-loading__container\"\r\n        type=\"border\"\r\n        color=\"warning\"\r\n        ref=\"cancelButton\"\r\n        @click=\"cancel\"\r\n        >Cancel</vs-button\r\n      >\r\n    </div>\r\n    <audio\r\n      v-show=\"music.musicUrl\"\r\n      controls\r\n      volume=\"1\"\r\n      :src=\"musicUrl\"\r\n      id=\"audio\"\r\n      class=\"audio-example pt-8\"\r\n      autoplay=\"true\"\r\n    >\r\n      Native audio playback is not supported.\r\n    </audio>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Plyr from \"plyr\";\r\nimport \"plyr/dist/plyr.css\";\r\nimport videojs from \"video.js\";\r\nimport streaming from \"@videojs/http-streaming\";\r\n\r\nexport default {\r\n  components: {\r\n    Plyr,\r\n    videojs,\r\n    streaming,\r\n  },\r\n  data() {\r\n    return {\r\n      video: {},\r\n      music: {},\r\n      type: \"\",\r\n      url: \"\",\r\n      musicUrl: \"\",\r\n      fileExt: \"\",\r\n      source: \"\",\r\n      comment: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    previewVideo() {\r\n      var self = this;\r\n      // const player = new Plyr(\"#player\", {\r\n      //   autoplay: true,\r\n      // });\r\n\r\n\r\n      self.url = self.video.videoUrl;\r\n\r\n      if (self.$route.query.m == \"rej\") self.comment = self.video.comment;\r\n      if (self.url.includes(\"m3u8\")) {\r\n        var searchMask = \"/index.m3u8\";\r\n        var regEx = new RegExp(searchMask, \"ig\");\r\n        var replaceMask = \".mp4\";\r\n        var hlsPlayer = videojs(self.$refs.videojs);\r\n        hlsPlayer.on(\"error\", function () {\r\n          if (!self.url.includes(\"stream.digitv.co.za\") && (hlsPlayer.error().code == 2 || hlsPlayer.error().code == 4) && !self.url.includes(\".mp4\")) {\r\n            setTimeout(function () {\r\n              self.url = self.url.replace(regEx, replaceMask);\r\n              hlsPlayer.src({ type: \"video/mp4\", src: self.url });\r\n\r\n              hlsPlayer.play();\r\n            }, 1000);\r\n          } else if (self.url.includes(\"stream.digitv.co.za\") && (hlsPlayer.error().code == 2 || hlsPlayer.error().code == 4)) {\r\n            alert(\"This live stream is not available at the moment\");\r\n            setTimeout(function () {\r\n              hlsPlayer.src({ type: \"application/x-mpegURL\", src: self.url });\r\n              hlsPlayer.play();\r\n            }, 10000);\r\n          }\r\n        });\r\n\r\n        hlsPlayer.src({ type: \"application/x-mpegURL\", src: self.url });\r\n        hlsPlayer.play();\r\n      } \r\n      else if (self.video.videoTypeId == 1 || self.video.videoTypeId == 4) {\r\n        var player = videojs(self.$refs.videojs);\r\n          self.videoCompleted = player;\r\n          if (!self.url.toLowerCase().includes(\".mp4\")){\r\n\t\t\t      player.on('error', function(err) {  \r\n              if(( player.error().code == 2 || player.error().code == 4) && !self.url.toLowerCase().includes(\".mp4\")){\r\n                setTimeout(function(){\r\n                  self.url = self.video.url.replace(regEx, replaceMask);\r\n                  player.src({ type: \"video/mp4\", src: self.url});\r\n\r\n                  player.play();\r\n                },1000)\r\n              } \r\n            });\r\n            \r\n            player.ready(function(){\r\n              this.on(\"ended\", function(){ \r\n                self.isNextTaskBtnHidden = false;\r\n              });\r\n            });\r\n            player.src({ type: \"application/x-mpegURL\", src: self.url });\r\n            player.play();\r\n            return;\r\n            \r\n          } else {\r\n            player.ready(function(){\r\n              this.on(\"ended\", function(){ \r\n                self.isNextTaskBtnHidden = false;\r\n              });\r\n            });\r\n            player.src({ type: \"video/mp4\", src: self.url });\r\n            player.play();\r\n            return;\r\n          }\r\n\r\n        player.play();\r\n      } \r\n      else if (self.video.videoTypeId == 2) {\r\n        var vimeoVideoId = self.url.substr(self.url.lastIndexOf(\"/\") + 1);\r\n        self.source = [{ src: vimeoVideoId, provider: \"vimeo\" }];\r\n      } \r\n      else if (self.video.videoTypeId == 3) {\r\n        // var youtubeVideoId = self.url.substr(self.url.lastIndexOf(\"/\") + 1);\r\n        // self.source = [{ src: youtubeVideoId, provider: \"youtube\" }];\r\n        var player = videojs(self.$refs.videojs);\r\n        player.src({ type: \"youtube\", src: this.youtubeVideoId });\r\n        player.play();\r\n        return;\r\n      }\r\n      \r\n\r\n      // player.source = {\r\n      //   type: \"video\",\r\n      //   sources: self.source,\r\n      // };\r\n\r\n      \r\n\r\n\r\n    },\r\n    approve() {\r\n      var self = this;\r\n      self.showLoadingOnElement(\"approveButton\", 0.45, \"material\");\r\n\r\n      var onSuccess = function (response) {\r\n        self.$router.push({ name: \"dashboard\" });\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        \"Video/Approve?id=\" + self.video.id + \"&comment=\" + self.comment,\r\n        onSuccess\r\n      );\r\n    },\r\n    reject() {\r\n      var self = this;\r\n      self.showLoadingOnElement(\"rejectButton\", 0.45, \"material\");\r\n\r\n      var onSuccess = function (response) {\r\n        self.$router.push({ name: \"dashboard\" });\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        \"Video/Reject?id=\" + self.video.id + \"&comment=\" + self.comment,\r\n        onSuccess\r\n      );\r\n    },\r\n    cancel() {\r\n      this.$router.push({ name: \"dashboard\" });\r\n    },\r\n    showLoadingOnElement(element, scale, type) {\r\n      var self = this;\r\n      self.$vs.loading({\r\n        type: type,\r\n        container: self.$refs[element].$el,\r\n        scale: scale,\r\n      });\r\n    },\r\n  },\r\n  created() {\r\n    var videoId = this.$route.query.videoId;\r\n    var musicId = this.$route.query.musicId;\r\n    const self = this;\r\n    if (videoId) {\r\n      var onSuccess = function (response) {\r\n        self.video = response.data;\r\n        self.previewVideo();\r\n      };\r\n      self.$ajaxGet(self, \"/Student/Video/GetVideo/\" + videoId, onSuccess);\r\n    } else if (musicId) {\r\n      var onSuccess = function (response) {\r\n        self.music = response.data;\r\n        self.musicUrl = self.music.musicUrl;\r\n      };\r\n      self.$ajaxGet(self, \"Music/GetMusic/\" + musicId, onSuccess);\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style type=\"stylesheet\">\r\n@import \"https://unpkg.com/video.js/dist/video-js.min.css\";\r\n</style>\r\n<style lang=\"scss\">\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MediaPreviewer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MediaPreviewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MediaPreviewer.vue?vue&type=template&id=7e638ef2&\"\nimport script from \"./MediaPreviewer.vue?vue&type=script&lang=js&\"\nexport * from \"./MediaPreviewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MediaPreviewer.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/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/lib/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!./MediaPreviewer.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}