{"version":3,"sources":["webpack:///./src/digicampus/pages/MultimediaVideoViewer.vue?906d","webpack:///./src/digicampus/pages/MultimediaVideoViewer.vue?a747","webpack:///./src/digicampus/pages/MultimediaVideoViewer.vue?1ba5","webpack:///src/digicampus/pages/MultimediaVideoViewer.vue","webpack:///./src/digicampus/pages/MultimediaVideoViewer.vue?389d","webpack:///./src/digicampus/pages/MultimediaVideoViewer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","directives","name","rawName","value","url","includes","expression","staticClass","ref","staticRenderFns","component"],"mappings":"kHAAA,W,kFCAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,qBAAqB,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAIW,KAAOX,EAAIW,IAAIC,SAAS,4BAA6BC,WAAW,oDAAoDC,YAAY,UAAU,CAACV,EAAG,QAAQ,CAACW,IAAI,UAAUD,YAAY,WAAWR,MAAM,CAAC,SAAW,GAAG,SAAW,WACnaU,EAAkB,G,wBCUtB,GACE,WAAF,CACI,eACA,wBAEF,OACE,MAAJ,CACM,IAAN,KAGE,QAAF,CACI,YACE,IAAN,OACA,gBACA,qBACA,SAEA,kCACA,wBACU,YAAV,WACU,EAAV,uBACU,EAAV,kCAEU,EAAV,SAEA,OAKE,UACE,IAAJ,OACI,EAAJ,sCAEI,EAAJ,uCAEI,EAAJ,cC/CoN,I,kCCShNC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-9bc21e1e.9bfb6e3d.js","sourcesContent":["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!./MultimediaVideoViewer.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/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!./MultimediaVideoViewer.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"player-container\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.url && _vm.url.includes('content.digicampus.co.za')),expression:\"url && url.includes('content.digicampus.co.za')\"}],staticClass:\"player\"},[_c('video',{ref:\"videojs\",staticClass:\"video-js\",attrs:{\"autoplay\":\"\",\"controls\":\"\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"player-container\">\r\n    <div v-show=\"url && url.includes('content.digicampus.co.za')\" class=\"player\">\r\n      <video class=\"video-js\" ref=\"videojs\" autoplay controls></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import videojs from 'video.js';\r\n  import streaming  from '@videojs/http-streaming'; \r\n  export default {\r\n    components: {\r\n      videojs,\r\n      streaming\r\n    },\r\n    data() {\r\n      return {\r\n        url: \"\"\r\n      };\r\n    },\r\n    methods: {\r\n      playVideo() {\r\n        var self = this;\r\n        var searchMask = \"/index.m3u8\";\r\n        var regEx = new RegExp(searchMask, \"ig\");\r\n        var replaceMask = \".mp4\";\r\n\r\n        var player = videojs(self.$refs.videojs);\r\n        if (!self.url.includes(\".mp4\")){\r\n            setTimeout(function(){\r\n            self.url = self.url.replace(regEx, replaceMask);\r\n            player.src({ type: \"video/mp4\", src: self.url});\r\n            \r\n            player.play();\r\n\r\n            },1000)\r\n\r\n        } \r\n      }\r\n    },\r\n    mounted() {\r\n      var self = this;\r\n      self.$store.dispatch(\"updateTheme\", \"dark\");\r\n\r\n      self.url = self.$route.query && self.$route.query.url;\r\n\r\n      self.playVideo();\r\n    }\r\n  };\r\n</script>\r\n\r\n<style type=\"stylesheet\">\r\n@import \"https://unpkg.com/video.js/dist/video-js.min.css\";\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n  .video-js{\r\n    width:100% !important;\r\n    height: calc(100vh - 120px);\r\n    align-content: center;\r\n  }\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!./MultimediaVideoViewer.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!./MultimediaVideoViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultimediaVideoViewer.vue?vue&type=template&id=0c78430e&\"\nimport script from \"./MultimediaVideoViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./MultimediaVideoViewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultimediaVideoViewer.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./MultimediaVideoViewer.vue?vue&type=style&index=1&lang=scss&\"\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"],"sourceRoot":""}