@saooti/octopus-sdk 42.1.2 → 42.2.0

package/dist/PlayerVideo-CSPWdFmf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-CSPWdFmf.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-DN4cWeQP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-DN4cWeQP.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-DPkWsgZo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-DPkWsgZo.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-DT9wZfso.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-DT9wZfso.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-Dbw8-jzi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-Dbw8-jzi.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-DcndZxyL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-DcndZxyL.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideoDigiteka-B0DM5dUQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-B0DM5dUQ.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-B4oUahid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-B4oUahid.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-BCstFOQv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-BCstFOQv.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-BcXsqqhY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-BcXsqqhY.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-BgXoXF4i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-BgXoXF4i.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-C2P_Q4Fe.mjs

@@ -0,0 +1,102 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { E as ModuleApi, t as classicApi_default } from "./classicApi-1jdxJdNn.mjs";
+import { t as SnackBar_default } from "./SnackBar-DdE1dYhi.mjs";
+import { t as usePlayerLogicProgress } from "./usePlayerLogicProgress-BsOt5dL-.mjs";
+import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, useTemplateRef } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/api/videoApi.ts
+/**
+* Request the download ID from a video
+* @param podcastId The id of the podcast to be watched
+*/
+async function watchPodcast(podcastId) {
+	return classicApi_default.fetchData({
+		api: ModuleApi.DEFAULT,
+		path: "video/watch/" + podcastId
+	});
+}
+var videoApi = { watchPodcast };
+//#endregion
+//#region src/components/misc/player/video/PlayerVideoDigiteka.vue?vue&type=script&setup=true&lang.ts
+var PlayerVideoDigiteka_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PlayerVideoDigiteka",
+	props: {
+		videoId: {
+			type: String,
+			required: true
+		},
+		podcastId: {
+			type: Number,
+			required: false,
+			default: null
+		},
+		responsive: {
+			default: false,
+			type: Boolean
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const snackBarRef = useTemplateRef("snackbar");
+		const { t } = useI18n();
+		const { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();
+		const srcVideo = computed(() => {
+			return "//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/" + props.videoId + "/sound/yes/autoplay/1";
+		});
+		onMounted(async () => {
+			if (void 0 === props.videoId) (snackBarRef?.value).open(t("Podcast play error"));
+			window.addEventListener("message", (event) => {
+				if (typeof event.data !== "string") return;
+				const data = Object.fromEntries(event.data.split("&").map((d) => d.split("=")));
+				if (data.event === "timeupdate") onTimeUpdateProgress(parseFloat(data.time));
+			});
+			if (props.podcastId !== void 0) setDownloadId(await videoApi.watchPodcast(props.podcastId));
+		});
+		const __returned__ = {
+			props,
+			snackBarRef,
+			t,
+			onTimeUpdateProgress,
+			setDownloadId,
+			srcVideo,
+			SnackBar: SnackBar_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/player/video/PlayerVideoDigiteka.vue
+var _hoisted_1 = ["src", "title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", { class: normalizeClass($props.responsive ? "video-responsive-wrapper" : "") }, [$props.videoId ? (openBlock(), createElementBlock("iframe", {
+		key: 0,
+		ref: "iframeVideo",
+		src: $setup.srcVideo,
+		title: $setup.t("Video"),
+		width: "500",
+		height: "281",
+		style: { "z-index": "1" },
+		ebkitallowfullscreen: "true",
+		mozallowfullscreen: "true",
+		allowfullscreen: "true",
+		allow: "fullscreen; autoplay",
+		referrerpolicy: "no-referrer-when-downgrade"
+	}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true), createVNode($setup["SnackBar"], {
+		ref: "snackbar",
+		position: "bottom-left"
+	}, null, 512)], 2);
+}
+var PlayerVideoDigiteka_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PlayerVideoDigiteka_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render],
+	["__scopeId", "data-v-d9a95cd8"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/player/video/PlayerVideoDigiteka.vue"]
+]);
+//#endregion
+export { PlayerVideoDigiteka_default as default };
+
+//# sourceMappingURL=PlayerVideoDigiteka-C2P_Q4Fe.mjs.map

package/dist/PlayerVideoDigiteka-C2P_Q4Fe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-C2P_Q4Fe.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-CGHmdkUL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-CGHmdkUL.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-CPJ-l8KX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-CPJ-l8KX.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoHls-BOZLkJA2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoHls-BOZLkJA2.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideoHls.vue","../src/components/misc/player/video/PlayerVideoHls.vue"],"sourcesContent":["<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n","<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAI,KAAA,MAAc,QAAQ,UAAU,oBAAoB,GACtD,QAAQ,eAAe,sBAAsB,kBAAkB;EAOjE,MAAM,QAAQ;EAOd,MAAM,YAAY,IAAI,EAAE;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,SAAyC,IAAI,KAAK;EACxD,MAAM,UAAU,IAAI,KAAK;EACzB,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,gBAAgE,IAAI,KAAA,CAAS;EACnF,MAAM,kBAAkB,eAAe,cAAc;EAIrD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,YAAY,oBAAoB,sBAAsB,yBAAwB,uBAAuB;EAC7G,MAAM,YAAY,aAAa;EAC/B,MAAM,cAAc,eAAe;EAKnC,MAAM,eAAe,eAAe;GAClC,OAAO,iBAAiB;EAC1B,CAAC;EACD,MAAM,eAAe,eAAe;GAClC,OAAO;IACL,UAAU;IACV,UAAU;IACV,QAAQ;IACR,SAAS,CACP;KACE,KAAK,MAAM;KACX,MAAM;IACR,CACF;IACA,OAAO;KACL,KAAK,EACH,gBAAgB,CAAC,QAAQ,QAAQ,UACnC;KACA,mBAAmB;KACnB,mBAAmB;IACrB;GACF;EACF,CAAC;EAGD,gBAAc;GACZ,YAAY,yBAAyB,MAAM,MAAM;GACjD,YAAY,QACV,OAAO,aAAa,MAAM,YAAY,+BAA+B,KACrE,CAAC,UAAU,UAAU,SAAS,SAAS;GACzC,SAAS;EACX,CAAC;EAED,kBAAgB;GACd,IAAI,QAAQ,OACV,SAAS;EAEb,CAAC;EAID,SAAS,wBAAwB;GAC/B,SAAS,QAAQ;GACjB,cAAc,QAAQ,iBAAiB;IACrC,IAAI,SAAS,OACX;IAEF,WAAW;IACX,SAAS;GACX,GAAG,IAAK;EACV;EACA,eAAe,WAA0B;GACvC,aAAa,cAAc,KAAK;GAChC,sBAAsB;GACtB,MAAM,mBAAmB;GACzB,IAAI,YAAY,OAAO;IACrB,YAAY;IACZ;GACF;GACA,IAAI,MAAM,aAAa,UAAU,UAAU,aAAa;IACtD,MAAM,wBAAwB,YAAiB;KAC7C,QAAQ,cAAc,QAAwB;MAC5C,IAAI,iBAAiB,iBAAiB,YAAU,UAAU,UAAU,WAAW;KACjF;KACA,OAAO;IACT;IACA,QAAQ,IAAI,IAAI,UAAU,oBAAoB;GAChD;GACA,OAAO,QAAQ,QACb,SAAS,eAAe,mBAAmB,GAC3C,aAAa,aACP;IACJ,OAAO,MAAM,mBAAmB,EAAE,uBAAuB,KAAK,CAAC;IAC/D,UAAU,QAAQ;IAClB,QAAQ,QAAQ;GAClB,CACF;GACA,OAAO,MAAM,GAAG,UAAU,UAAe;IACvC,SAAS;IACT,IAAI,MAAM,aAAa,SAAS,KAAK,GACnC,UAAU,QAAQ,EAAE,sBAAsB;SAE1C,UAAU,QAAQ,EAAE,oBAAoB;GAE5C,CAAC;GACD,OAAO,MAAM,GAAG,iBAAiB;IAC/B,YAAY,qBAAqB,OAAO,OAAO,YAAY,KAAK,CAAC;GACnE,CAAC;GACD,OAAO,MAAM,GAAG,eAAe;IAC7B,SAAS,QAAQ;GACnB,CAAC;GACD,OAAO,MAAM,GAAG,oBAAoB;IAClC,aAAa,cAAc,KAAK;IAChC,sBAAsB;IACtB,kBAAkB;GACpB,CAAC;GACD,OAAO,MAAM,GAAG,iBAAiB;IAC/B,YAAY,qBAAqB,OAAO,OAAO,YAAY,KAAK,CAAC;GACnE,CAAC;EACH;EAEA,eAAe,cAA6B;GAC1C,aAAa,MAAM,yBAAyB;IAC1C,MAAM,cAAc,aAAa,MAAM,KAAK;IAC5C,IAAI,gBAAgB,KAAA,GAClB,YACG,WAAW;KACV,UAAU,QAAQ;KAClB,QAAQ,QAAQ;IAClB,CAAC,EACA,YAAY;KACX,QAAQ,QAAQ;IAClB,CAAC;GAEP;GACA,aAAa,MAAM,UAAU,YAAY;IACvC,SAAS;IACT,UAAU,QAAQ,EAAE,oBAAoB;GAC1C;GACA,aAAa,MAAM,eAAe,YAAY;IAC5C,aAAa,cAAc,KAAK;IAChC,sBAAsB;IACtB,kBAAkB;GACpB;GACA,aAAa,MAAM,UAAU,YAAY;IACvC,SAAS,QAAQ;GACnB;GACA,aAAa,MAAM,YAAY,YAAY;IACzC,YAAY,qBAAqB,aAAa,MAAM,WAAW;GACjE;GACA,IAAI,MAAM,aAAa,UAAU,UAAU,aACzC,aAAa,MAAM,MAAM,MAAM,SAAS,kBAAgB,UAAU,UAAU;QAE5E,aAAa,MAAM,MAAM,MAAM;GAEjC,aAAa,MAAM,MAAM,MAAM;EACjC;EAEA,SAAS,aAAmB;GAC1B,IAAI,YAAY,OAAO;IACrB,aAAa,MAAM,MAAM;IACzB,aAAa,MAAM,gBAAgB,KAAK;IACxC,aAAa,MAAM,KAAK;IACxB;GACF;GACA,IAAI,OAAO,OAAO;IAChB,OAAO,MAAM,QAAQ;IAErB,MAAM,eAAe,SAAS,eAAe,kBAAkB;IAC/D,IAAI,cAAc;KAChB,MAAM,QAAQ,SAAS,cAAc,OAAO;KAC5C,MAAM,KAAK;KACX,MAAM,YAAY;KAClB,MAAM,UAAU;KAChB,MAAM,aAAa,eAAe,MAAM;KACxC,aAAa,YAAY,KAAK;IAChC;GACF;EACF;EACA,SAAS,WAAiB;GACxB,aAAa,cAAc,KAAK;GAChC,UAAU,QAAQ;GAClB,WAAW;GACX,QAAQ,QAAQ;GAChB,qBAAqB;EACvB;EACA,SAAS,oBAA0B;GACjC,IAAI,CAAC,WAAW,OACd;GAGF,qBADmB,OAAO,OAAO,YAAY,KAAK,aAAa,MAAM,WACrC;EAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC3NiC,OAAM;;;CAEjC,IAAG;CACH,KAAI;CACJ,OAAM;CACN,aAAA;;;qBAVJ,mBAYM,OAAA;EAXJ,IAAG;EACH,OAAK,eAAA,CAAC,gBACE,OAAA,aAAU,6BAAA,EAAA,CAAA;KAEP,OAAA,UAAU,UAAA,UAAA,GAArB,mBAA2E,OAA3E,YAA2E,gBAAlB,OAAA,SAAS,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAClE,mBAKS,SALT,YAKS,MAAA,GAAA,CAAA,GAAA,CAAA"}

package/dist/PlayerVideoHls-BZm6iEVQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoHls-BZm6iEVQ.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideoHls.vue","../src/components/misc/player/video/PlayerVideoHls.vue"],"sourcesContent":["<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n","<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerVideoHls-Csj2_tFT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoHls-Csj2_tFT.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideoHls.vue","../src/components/misc/player/video/PlayerVideoHls.vue"],"sourcesContent":["<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n","<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerVideoHls-DPd15ZKL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoHls-DPd15ZKL.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideoHls.vue","../src/components/misc/player/video/PlayerVideoHls.vue"],"sourcesContent":["<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n","<template>\n  <div\n    id=\"player-video-hls\"\n    class=\"video-player\"\n    :class=\"responsive ? 'video-responsive-wrapper' : ''\"\n  >\n    <div v-if=\"errorPlay.length\" class=\"video-live-error\">{{ errorPlay }}</div>\n    <video\n      id=\"video-element-hls\"\n      ref=\"videoelement\"\n      class=\"video-js\"\n      playsinline\n    ></video>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport {usePlayerLogicProgress} from \"../../../composable/player/usePlayerLogicProgress\";\nimport videojs, { VideoJsPlayer } from \"video.js\";\nimport qualitySelectorHls from \"videojs-quality-selector-hls\";\nif (undefined === videojs.getPlugin(\"qualitySelectorHls\")) {\n  videojs.registerPlugin(\"qualitySelectorHls\", qualitySelectorHls);\n}\nimport { computed, onMounted, onUnmounted, Ref, ref, useTemplateRef } from \"vue\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  hlsUrl: { default: \"\", type: String },\n  responsive: { default: false, type: Boolean },\n  isSecured: { default: true, type: Boolean },\n})\n\n//Data\nconst errorPlay = ref(\"\");\nconst useVideoSrc = ref(false);\nconst player: Ref<VideoJsPlayer | undefined> = ref(false);\nconst playing = ref(false);\nconst isPaused = ref(false);\nconst stalledTimout: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\nconst videoElementRef = useTemplateRef('videoelement');\n\n\n//Composables\nconst { t } = useI18n();\nconst { downloadId, initLiveDownloadId, onTimeUpdateProgress, endListeningProgress} = usePlayerLogicProgress();\nconst authStore = useAuthStore();\nconst playerStore = usePlayerStore();\n\n\n\n//Computed\nconst videoElement = computed(() => {\n  return videoElementRef?.value as HTMLVideoElement;\n});\nconst videoOptions = computed(() => {\n  return {\n    autoplay: true,\n    controls: true,\n    liveui: true,\n    sources: [\n      {\n        src: props.hlsUrl,\n        type: \"application/x-mpegURL\",\n      },\n    ],\n    html5: {\n      vhs: {\n        overrideNative: !videojs.browser.IS_SAFARI,\n      },\n      nativeAudioTracks: false,\n      nativeVideoTracks: false,\n    },\n  };\n});\n\n\nonMounted(()=>{\n  playerStore.playerUpdatePlayerHlsUrl(props.hlsUrl);\n  useVideoSrc.value =\n    \"\" !== videoElement.value.canPlayType(\"application/vnd.apple.mpegurl\") &&\n    !navigator.userAgent.includes(\"Android\");\n  playLive();\n})\n\nonUnmounted(()=>{\n  if (playing.value) {\n    stopLive();\n  }\n})\n\n\n//Methods\nfunction definedStalledTimeout() {\n  isPaused.value = false;\n  stalledTimout.value = setTimeout(() => {\n    if (isPaused.value) {\n      return;\n    }\n    videoClean();\n    playLive();\n  }, 15000);\n}\nasync function playLive(): Promise<void> {\n  clearTimeout(stalledTimout.value);\n  definedStalledTimeout();\n  await initLiveDownloadId();\n  if (useVideoSrc.value) {\n    playLiveIos();\n    return;\n  }\n  if (props.isSecured && authStore.authParam.accessToken) {\n    const globalXhrRequestHook = (options: any) => {\n      options.beforeSend = (xhr: XMLHttpRequest) => {\n        xhr.setRequestHeader(\"Authorization\", \"Bearer \"+authStore.authParam.accessToken);\n      };\n      return options;\n    };\n    videojs.Vhs.xhr.onRequest(globalXhrRequestHook);\n  }\n  player.value = videojs(\n    document.getElementById(\"video-element-hls\") as Element,\n    videoOptions.value,\n    () => {\n      player.value.qualitySelectorHls({ displayCurrentQuality: true });\n      errorPlay.value = \"\";\n      playing.value = true;\n    },\n  );\n  player.value.on(\"error\", (error: any) => {\n    stopLive();\n    if (error.description?.includes(\"403\")) {\n      errorPlay.value = t(\"Video is unavailable\");\n    } else {\n      errorPlay.value = t(\"Podcast play error\");\n    }\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n  player.value.on(\"pause\", () => {\n    isPaused.value = true;\n  });\n  player.value.on(\"timeupdate\", () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  });\n  player.value.on(\"seeking\", () => {\n    playerStore.playerUpdateSeekTime(player.value?.currentTime() ?? 0);\n  });\n}\n\nasync function playLiveIos(): Promise<void> {\n  videoElement.value.onloadedmetadata = () => {\n    const playPromise = videoElement.value.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(() => {\n          errorPlay.value = \"\";\n          playing.value = true;\n        })\n        .catch(() => {\n          playing.value = false;\n        });\n    }\n  };\n  videoElement.value.onerror = async () => {\n    stopLive();\n    errorPlay.value = t(\"Podcast play error\");\n  };\n  videoElement.value.ontimeupdate = async () => {\n    clearTimeout(stalledTimout.value);\n    definedStalledTimeout();\n    onTimeUpdateVideo();\n  };\n  videoElement.value.onpause = async () => {\n    isPaused.value = true;\n  };\n  videoElement.value.onseeking = async () => {\n    playerStore.playerUpdateSeekTime(videoElement.value.currentTime);\n  };\n  if (props.isSecured && authStore.authParam.accessToken) {\n    videoElement.value.src = props.hlsUrl + \"access_token=\"+authStore.authParam.accessToken;\n  }else{\n    videoElement.value.src = props.hlsUrl;\n  }\n  videoElement.value.src = props.hlsUrl;\n}\n\nfunction videoClean(): void {\n  if (useVideoSrc.value) {\n    videoElement.value.pause();\n    videoElement.value.removeAttribute(\"src\");\n    videoElement.value.load();\n    return;\n  }\n  if (player.value) {\n    player.value.dispose();\n    //Redraw\n    const video_parent = document.getElementById(\"player-video-hls\");\n    if (video_parent) {\n      const video = document.createElement(\"video\");\n      video.id = \"video-element-hls\";\n      video.className = \"video-js\";\n      video.preload = \"auto\";\n      video.setAttribute(\"playsinline\", \"true\");\n      video_parent.appendChild(video);\n    }\n  }\n}\nfunction stopLive(): void {\n  clearTimeout(stalledTimout.value);\n  errorPlay.value = \"\";\n  videoClean();\n  playing.value = false;\n  endListeningProgress();\n}\nfunction onTimeUpdateVideo(): void {\n  if (!downloadId.value) {\n    return;\n  }\n  const currentTime =player.value?.currentTime() ?? videoElement.value.currentTime;\n  onTimeUpdateProgress(currentTime);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"video.js\";\n@use \"../../../../style/videoPlayer\";\n\n.octopus-app {\n  .video-live-error {\n    text-align: center;\n    width: 100%;\n    font-size: 1rem;\n    font-weight: bold;\n    padding: 0.2rem 0;\n    color: white;\n    position: absolute;\n    top: 0;\n    background: var(--octopus-danger);\n    z-index: 1;\n  }\n\n  .video-js {\n    width: 500px;\n    height: 281px;\n  }\n}\n</style>\n"],"mappings":"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"}